Dark theme fixes

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2018-06-29 16:15:52 +02:00 committed by Julius Härtl
parent ccd70a4099
commit 09f591f56f
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
2 changed files with 13 additions and 2 deletions

View File

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

View File

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