From e2672291d0a01b726523315e96ac1957ab68c389 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Thu, 19 Dec 2024 20:15:55 +0100
Subject: [PATCH] fix(style): add more fallback colors for basic html elements

---
 front/src/style/colors.scss | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/front/src/style/colors.scss b/front/src/style/colors.scss
index 1aabc6518..9e2b5efea 100644
--- a/front/src/style/colors.scss
+++ b/front/src/style/colors.scss
@@ -93,7 +93,7 @@
     --hover-background-color:var(--fw-beige-200);
     --hover-border-color:var(--fw-gray-800);
 
-    --active-color:var(--fw-red-010);
+    --active-color:var(--fw-gray-900);
     --active-background-color:var(--fw-beige-400);
     --active-border-color:var(--fw-gray-600);
 
@@ -483,6 +483,18 @@
     }
   }
 
+  // Fallback for `active` indicators
+
+  [aria-pressed=true] {
+    background-color: var(--pressed-background-color, var(--active-background-color));
+  }
+
+  // Fallback for decorative elements without explicit color props
+
+  hr {
+    border-color: var(--border-color);
+  }
+
   // Fallback for focused elements without explicit focus-outline
 
   :is(button, input, a):focus-visible {