From 0ffaa72c5b2172aded5e24cd6c935b3304e68383 Mon Sep 17 00:00:00 2001 From: Kristóf Marussy Date: Sun, 18 Aug 2024 22:52:24 +0200 Subject: Forced colors mode support --- .../landing/sections/Software.module.css | 48 ++++++++++++++++++++++ 1 file changed, 48 insertions(+) (limited to 'src/components/landing/sections/Software.module.css') diff --git a/src/components/landing/sections/Software.module.css b/src/components/landing/sections/Software.module.css index 5287bc8..7bbeef2 100644 --- a/src/components/landing/sections/Software.module.css +++ b/src/components/landing/sections/Software.module.css @@ -399,3 +399,51 @@ transform: none !important; } } + +@media (prefers-reduced-transparency: reduce) { + .overlay { + background: #ebedf0; + } + + [data-theme='dark'] .overlay { + background: #21252b; + } +} + +@media (forced-colors: active) { + .software { + border: 2px solid ButtonBorder; + background: Canvas; + } + + .overlay { + background: Canvas !important; + } + + .ferdium__icon { + border: 2px solid ButtonBorder; + background: ButtonFace; + } + + .ferdium__icon::after { + display: none; + } + + .software--ferdium:hover .ferdium__icon, + .software--ferdium:focus-within .ferdium__icon { + background: Highlight; + } + + .ferdium__logo path { + fill: ButtonText !important; + } + + .software--ferdium:hover .ferdium__logo path, + .software--ferdium:focus-within .ferdium__logo path { + fill: HighlightText !important; + } + + .refinery__logo :global(.refinery-a) { + fill: #000; + } +} -- cgit v1.2.3-70-g09d2