Dark theme fixes
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
ccd70a4099
commit
09f591f56f
|
@ -17,6 +17,10 @@ $color-box-shadow: rgba(darken($color-main-background, 70%), 0.5);
|
||||||
$color-border: lighten($color-main-background, 7%);
|
$color-border: lighten($color-main-background, 7%);
|
||||||
$color-border-dark: lighten($color-main-background, 14%);
|
$color-border-dark: lighten($color-main-background, 14%);
|
||||||
|
|
||||||
|
// invert svg icons colors
|
||||||
|
$color-white: #000;
|
||||||
|
$color-black: #fff;
|
||||||
|
|
||||||
#app-navigation > ul > li > a:first-child,
|
#app-navigation > ul > li > a:first-child,
|
||||||
#app-navigation > ul > li > ul > li > a:first-child,
|
#app-navigation > ul > li > ul > li > a:first-child,
|
||||||
#expanddiv a {
|
#expanddiv a {
|
||||||
|
@ -43,3 +47,10 @@ $color-border-dark: lighten($color-main-background, 14%);
|
||||||
#header .menu {
|
#header .menu {
|
||||||
border: 1px solid var(--color-border);
|
border: 1px solid var(--color-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// since svg icons are inverted, revert to white for the header
|
||||||
|
#header-right > * {
|
||||||
|
[class^='icon-'], [class*=' icon-'] {
|
||||||
|
filter: invert(100%);
|
||||||
|
}
|
||||||
|
}
|
|
@ -50,8 +50,8 @@ $color-error: #e9322d;
|
||||||
$color-warning: #eca700;
|
$color-warning: #eca700;
|
||||||
$color-success: #46ba61;
|
$color-success: #46ba61;
|
||||||
// used for svg
|
// used for svg
|
||||||
$color-white: #000 !default;
|
$color-white: #fff !default;
|
||||||
$color-black: #fff !default;
|
$color-black: #000 !default;
|
||||||
|
|
||||||
// rgb(118, 118, 118) / #767676
|
// rgb(118, 118, 118) / #767676
|
||||||
// min. color contrast for normal text on white background according to WCAG AA
|
// min. color contrast for normal text on white background according to WCAG AA
|
||||||
|
|
Loading…
Reference in New Issue