MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/style/colors.scss
View File

@ -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);
}
}

5
front/src/style/inc/theme.scss
View File

@ -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