Forced colors mode supportHEADmain

1 files changed, 48 insertions, 0 deletions

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;
+  }
+}