diff options
author | amazingrise <8315221+AmazingRise@users.noreply.github.com> | 2020-05-18 18:08:47 +0300 |
---|---|---|
committer | amazingrise <8315221+AmazingRise@users.noreply.github.com> | 2020-05-18 18:08:47 +0300 |
commit | aedc04ca70b60429edc9872a61d27031653dd1eb (patch) | |
tree | 5d834eb746d82cc3b5a29c496f6f8f1faa84d701 /assets/scss/dark-mode.scss | |
parent | aa0b09824cfa5c49ae28238ea3fa80ce7c2e2696 (diff) |
Remove forced font color for all elements in dark mode.
Diffstat (limited to 'assets/scss/dark-mode.scss')
-rw-r--r-- | assets/scss/dark-mode.scss | 53 |
1 files changed, 43 insertions, 10 deletions
diff --git a/assets/scss/dark-mode.scss b/assets/scss/dark-mode.scss index 7b26eb0..7293fd5 100644 --- a/assets/scss/dark-mode.scss +++ b/assets/scss/dark-mode.scss @@ -4,7 +4,7 @@ $light-accent: lighten($color-accent, 10%); $deep-light-accent: lighten($color-accent, 30%); $dark-mode-text: darken(#FFF, 20%); -$dark-mode-back-container-background: #232323; +$dark-mode-back-container-background: #212121; $dark-mode-front-container-background: #282828; body.night { @@ -19,13 +19,21 @@ body.night { } blockquote { - * { - color: $deep-light-accent; - } + * { + color: $deep-light-accent !important; + } } - code { - color: $dark-mode-text; + + code:not([data-lang]) { + color: $deep-light-accent !important; + } + + pre { + code:not([data-lang]) { + background: none !important; + color: $dark-mode-text !important; + } } a { @@ -40,13 +48,19 @@ body.night { } } + table * { + color: $dark-mode-text; + } + .side-container { $nav-item-hover-background-alpha: 0.02; $nav-item-hover-indicator-alpha: 0.6; $nav-item-hover-color-darken: 30%; $nav-item-active-background-alpha: 0.03; $nav-item-active-color-darken: 20%; - + * { + color: $dark-mode-text; + } .nav-head { //border-right: 4px solid $color-accent; &:hover { @@ -126,9 +140,6 @@ body.night { } } - * { - color: $dark-mode-text; - } .single-column-nav-container { @media screen and (max-width: $single-column-max-width) { @@ -186,8 +197,15 @@ body.night { } } + #single-column-footer { + color: $dark-mode-text; + } + .toc{ background-color: $dark-mode-front-container-background; + *{ + color: $dark-mode-text; + } a { color: $dark-mode-text; } @@ -196,6 +214,21 @@ body.night { } } + .post-body p,h1,h2,h3,h4,h5,h6 { + color: $dark-mode-text; + *{ + color: $dark-mode-text; + } + } + + .post-pagination a { + color: $deep-light-accent; + } + + .material-icons { + color: $dark-mode-text; + } + .vwrap * { color: $dark-mode-text !important; } |