Browse Source

Dark theme: Prevent slideshow icons from going dark

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
tags/v16.0.0alpha1
Jan-Christoph Borchardt 5 years ago
parent
commit
c42b72149c
No account linked to committer's email address
1 changed files with 10 additions and 3 deletions
  1. 10
    3
      apps/accessibility/css/themedark.scss

+ 10
- 3
apps/accessibility/css/themedark.scss View File

@@ -45,6 +45,13 @@ $color-border-dark: lighten($color-main-background, 14%);
filter: invert(100%);
}

// since svg icons are inverted, revert to white for the header
.header-right > * {
[class^='icon-'], [class*=' icon-'] {
filter: invert(100%);
}
}

.bubble,
.app-navigation-entry-menu,
.popovermenu {
@@ -65,9 +72,9 @@ $color-border-dark: lighten($color-main-background, 14%);
border: 1px solid var(--color-border);
}

// since svg icons are inverted, revert to white for the header
.header-right > * {
[class^='icon-'], [class*=' icon-'] {
// Prevent slideshow icons from going dark
#slideshow {
[class^='icon-'], [class*=' icon-']{
filter: invert(100%);
}
}

Loading…
Cancel
Save