From 09f591f56f2defcba63022fbfd34f4ddfd191f0a Mon Sep 17 00:00:00 2001 From: "John Molakvoæ (skjnldsv)" Date: Fri, 29 Jun 2018 16:15:52 +0200 Subject: Dark theme fixes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- apps/accessibility/css/themedark.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'apps/accessibility/css') 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 -- cgit v1.2.3