From ac46d07c83f01e69541a30224cc90d652ba19b65 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Mon, 16 Dec 2024 23:58:21 +0100
Subject: [PATCH] fix(ui): make override colors stronger; fix sidebar color,
 i.e. default raised (gray-800 -> gray-900)

---
 front/src/style/colors.scss    | 4 ++--
 front/src/style/inc/theme.scss | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/front/src/style/colors.scss b/front/src/style/colors.scss
index feddb3b65..5207cbcf4 100644
--- a/front/src/style/colors.scss
+++ b/front/src/style/colors.scss
@@ -152,7 +152,7 @@
         }
       }
       &[disabled] {
-        opacity:.5;
+        opacity:.9;
       }
     }
 
@@ -362,7 +362,7 @@
       --disabled-border-color:var(--fw-gray-950);
 
       &.raised{
-        --background-color:var(--fw-gray-800);
+        --background-color:var(--fw-gray-900);
         --border-color:var(--fw-gray-600);
       }
     }
diff --git a/front/src/style/inc/theme.scss b/front/src/style/inc/theme.scss
index 655f8339f..871a8be2c 100644
--- a/front/src/style/inc/theme.scss
+++ b/front/src/style/inc/theme.scss
@@ -3,10 +3,11 @@ $font-main: "Lato", sans-serif;
 @mixin theme($isDark) {
   $root-selectors: ();
   /* Satisfy both vitepress (docs) and funkwhale (front) convention */
-  $root-element: ":is(body.theme-dark, html.dark>body:not(.theme-light), .force-dark-theme)";
+  /* Also note the strong (triple) force which satisfies the CSS gods very much (enough) */
+  $root-element: ":is(body.theme-dark, html.dark>body:not(.theme-light)), .force-dark-theme.force-dark-theme.force-dark-theme";
 
   @if $isDark == false {
-    $root-element: ":is(body.theme-light, html:not(.dark)>body:not(.theme-dark), .force-light-theme)";
+    $root-element: ":is(body.theme-light, html:not(.dark)>body:not(.theme-dark)), .force-light-theme.force-light-theme.force-light-theme";
   }
 
   // If we call `@include dark-theme {}` at the root of the file