fix: make dark theme brighter (#195)

The dark theme is not the night theme, so I think we need to increase the contrast for better reading experience.
reuixiy · Jun 10, 2020 · 4e9c8fe · 4e9c8fe
1 parent db102eb
commit 4e9c8fe
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/assets/scss/themes/_dark.scss b/assets/scss/themes/_dark.scss
@@ -4,20 +4,20 @@
 @mixin dark-theme {
     --theme-name: "dark";
     @include defineColorHSL(--color-primary, $primaryColorDarkH, $primaryColorDarkS, $primaryColorDarkL);
-    @include defineColorHSL(--color-bg, 231, 14%, 10%); // 0%
-    @include defineColorHSL(--color-contrast-lower, 230, 8%, 15%); // 8%
-    @include defineColorHSL(--color-contrast-low, 240, 2%, 25%); // 25%
-    @include defineColorHSL(--color-contrast-medium, 80, 1%, 50%); // 60%
-    @include defineColorHSL(--color-contrast-high, 69, 4%, 68%); // 85%
-    @include defineColorHSL(--color-contrast-higher, 60, 10%, 80%); // 100%
+    @include defineColorHSL(--color-bg, 231, 14%, 10%);
+    @include defineColorHSL(--color-contrast-lower, 230, 12%, 18%);
+    @include defineColorHSL(--color-contrast-low, 240, 2%, 37%);
+    @include defineColorHSL(--color-contrast-medium, 80, 2%, 69%);
+    @include defineColorHSL(--color-contrast-high, 69, 9%, 84%);
+    @include defineColorHSL(--color-contrast-higher, 60, 6%, 90%);
     .theme-icon-light {
         display: none;
     }
     .theme-icon-dark {
         display: inline-block;
     }
     img {
-        filter: brightness(50%);
+        filter: brightness(75%);
     }
 
     @if ($enableHighlight) {