From e04d54b7d8f83ff2692a92c8c42dc4bfdf4c2523 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Sun, 17 Dec 2023 16:26:39 +0100 Subject: [PATCH] Fixed: Sensitive media overlay didn't have a visible border in dark mode --- TangerineUI-cherry.css | 10 +++++++++- TangerineUI-purple.css | 10 +++++++++- TangerineUI.css | 10 +++++++++- 3 files changed, 27 insertions(+), 3 deletions(-) diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index ab450b1..deb13ae 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -1943,9 +1943,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu border-radius: 8px; transition: all .2s; } -.app-body .spoiler-button:hover + .media-gallery__item > .media-gallery__preview { +.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview { outline: 1px solid rgba(0, 0, 0, 0.15); } +@media (prefers-color-scheme: dark) { + .app-body .media-gallery__preview { + outline-color: rgba(255, 255, 255, .05); + } + .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview { + outline-color: rgba(255, 255, 255, .1); + } +} .app-body .spoiler-button__overlay__label, .app-body .spoiler-button__overlay__label:is(:focus, :hover), .app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label { diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 67af3f6..3559d80 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -1942,9 +1942,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu border-radius: 8px; transition: all .2s; } -.app-body .spoiler-button:hover + .media-gallery__item > .media-gallery__preview { +.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview { outline: 1px solid rgba(0, 0, 0, 0.15); } +@media (prefers-color-scheme: dark) { + .app-body .media-gallery__preview { + outline-color: rgba(255, 255, 255, .05); + } + .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview { + outline-color: rgba(255, 255, 255, .1); + } +} .app-body .spoiler-button__overlay__label, .app-body .spoiler-button__overlay__label:is(:focus, :hover), .app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label { diff --git a/TangerineUI.css b/TangerineUI.css index 67326f1..ee9f01d 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -1942,9 +1942,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu border-radius: 8px; transition: all .2s; } -.app-body .spoiler-button:hover + .media-gallery__item > .media-gallery__preview { +.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview { outline: 1px solid rgba(0, 0, 0, 0.15); } +@media (prefers-color-scheme: dark) { + .app-body .media-gallery__preview { + outline-color: rgba(255, 255, 255, .05); + } + .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview { + outline-color: rgba(255, 255, 255, .1); + } +} .app-body .spoiler-button__overlay__label, .app-body .spoiler-button__overlay__label:is(:focus, :hover), .app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {