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