diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-06-29 16:15:52 +0200 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2018-07-19 08:16:58 +0200 |
| commit | 09f591f56f2defcba63022fbfd34f4ddfd191f0a (patch) | |
| tree | 01a4ab9b8a2a8ac62468c3c969d354325a460006 | |
| parent | ccd70a4099f96071ad6a5655bcae81fd3bf4a38a (diff) | |
| download | nextcloud-server-09f591f56f2defcba63022fbfd34f4ddfd191f0a.tar.gz nextcloud-server-09f591f56f2defcba63022fbfd34f4ddfd191f0a.zip | |
Dark theme fixes
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
| -rw-r--r-- | apps/accessibility/css/themedark.scss | 11 | ||||
| -rw-r--r-- | core/css/variables.scss | 4 |
2 files changed, 13 insertions, 2 deletions
diff --git a/apps/accessibility/css/themedark.scss b/apps/accessibility/css/themedark.scss index 9ff59df2b50..685a226f102 100644 --- a/apps/accessibility/css/themedark.scss +++ b/apps/accessibility/css/themedark.scss @@ -17,6 +17,10 @@ $color-box-shadow: rgba(darken($color-main-background, 70%), 0.5); $color-border: lighten($color-main-background, 7%); $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 > ul > li > a:first-child, #expanddiv a { @@ -43,3 +47,10 @@ $color-border-dark: lighten($color-main-background, 14%); #header .menu { 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%); + } +}
\ No newline at end of file diff --git a/core/css/variables.scss b/core/css/variables.scss index 0207a82c4b7..4d3d273f267 100644 --- a/core/css/variables.scss +++ b/core/css/variables.scss @@ -50,8 +50,8 @@ $color-error: #e9322d; $color-warning: #eca700; $color-success: #46ba61; // used for svg -$color-white: #000 !default; -$color-black: #fff !default; +$color-white: #fff !default; +$color-black: #000 !default; // rgb(118, 118, 118) / #767676 // min. color contrast for normal text on white background according to WCAG AA |