diff options
author | amazingrise <8315221+AmazingRise@users.noreply.github.com> | 2020-04-11 10:56:08 +0300 |
---|---|---|
committer | amazingrise <8315221+AmazingRise@users.noreply.github.com> | 2020-04-11 10:56:08 +0300 |
commit | 75049e8875c20f8fb0671ab2280ed24eb76854f5 (patch) | |
tree | b86a7cfdcc0af13f9fd634bc4f3b48bff8f473a4 /assets/scss/dark-mode.scss | |
parent | 0f48914cdd100bcd05de2538b4b4d38027a1815b (diff) |
Complete dark mode.
Diffstat (limited to 'assets/scss/dark-mode.scss')
-rw-r--r-- | assets/scss/dark-mode.scss | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/assets/scss/dark-mode.scss b/assets/scss/dark-mode.scss index 44ddf8c..f46da00 100644 --- a/assets/scss/dark-mode.scss +++ b/assets/scss/dark-mode.scss @@ -4,8 +4,8 @@ $light-accent: lighten($color-accent, 10%); $deep-light-accent: lighten($color-accent, 30%); $dark-mode-text: darken(#FFF, 20%); -$dark-mode-back-container-background: #151515; -$dark-mode-front-container-background: #252525; +$dark-mode-back-container-background: #232323; +$dark-mode-front-container-background: #282828; body.night { background: $dark-mode-back-container-background; @@ -25,7 +25,7 @@ body.night { } code { - color: $deep-light-accent; + color: $dark-mode-text; } a { @@ -65,7 +65,7 @@ body.night { .nav-link-list { $nav-item-hover-indicator-alpha: 0.6; $nav-item-hover-color-lighten: 30%; - $nav-item-active-background-alpha: 0.03; + $nav-item-active-background-alpha: 0.1; $nav-item-active-color-lighten: 20%; flex-grow: 1; .nav-link-item { @@ -78,6 +78,7 @@ body.night { } &.active { border-right: 2px solid $color-accent; + background: rgba($color-accent, $nav-item-active-background-alpha); color: lighten($color-accent, $nav-item-active-color-lighten) !important; } } |