Use luminosity for aesthetics

This commit is contained in:
Lim Chee Aun 2023-09-28 15:48:55 +08:00
parent 13cf7b3f92
commit b6c59d4ee1
2 changed files with 2 additions and 0 deletions

View file

@ -1087,6 +1087,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
top: env(safe-area-inset-top, 0);
}
:is(.carousel-top-controls, .carousel-controls) {
mix-blend-mode: luminosity;
position: absolute;
left: 0;
left: env(safe-area-inset-left, 0);

View file

@ -1049,6 +1049,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
font-size: 90%;
z-index: 1;
text-shadow: 0 var(--hairline-width) var(--bg-color);
mix-blend-mode: luminosity;
}
.carousel-item button.media-alt .media-alt-desc {
overflow: hidden;