fix(ui): make override colors stronger; fix sidebar color, i.e. default raised (gray-800 -> gray-900)

This commit is contained in:
upsiflu 2024-12-16 23:58:21 +01:00
parent 0cd25f7ce4
commit ac46d07c83
2 changed files with 5 additions and 4 deletions

View File

@ -152,7 +152,7 @@
} }
} }
&[disabled] { &[disabled] {
opacity:.5; opacity:.9;
} }
} }
@ -362,7 +362,7 @@
--disabled-border-color:var(--fw-gray-950); --disabled-border-color:var(--fw-gray-950);
&.raised{ &.raised{
--background-color:var(--fw-gray-800); --background-color:var(--fw-gray-900);
--border-color:var(--fw-gray-600); --border-color:var(--fw-gray-600);
} }
} }

View File

@ -3,10 +3,11 @@ $font-main: "Lato", sans-serif;
@mixin theme($isDark) { @mixin theme($isDark) {
$root-selectors: (); $root-selectors: ();
/* Satisfy both vitepress (docs) and funkwhale (front) convention */ /* 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 { @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 // If we call `@include dark-theme {}` at the root of the file