fix: make dark mode more gorgeous

reuixiy · Mar 24, 2020 · 06f79af · 06f79af
1 parent 0d14242
commit 06f79af
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 10 deletions.
diff --git a/assets/scss/themes/_dark.scss b/assets/scss/themes/_dark.scss
@@ -1,9 +1,11 @@
+// https://github.com/dracula/dracula-theme/
+
 [data-theme="dark"] {
     @include defineColorHSL(--color-primary, $primaryColorDarkH, $primaryColorDarkS, $primaryColorDarkL);
-    @include defineColorHSL(--color-bg, 240, 8%, 12%);
-    @include defineColorHSL(--color-contrast-lower, 240, 6%, 19%);
-    @include defineColorHSL(--color-contrast-low, 240, 3%, 27%);
-    @include defineColorHSL(--color-contrast-medium, 240, 1%, 57%);
-    @include defineColorHSL(--color-contrast-high, 0, 0%, 75%);
-    @include defineColorHSL(--color-contrast-higher, 0, 0%, 90%);
+    @include defineColorHSL(--color-bg, 231, 15%, 18%);
+    @include defineColorHSL(--color-contrast-lower, 231, 11%, 24%);
+    @include defineColorHSL(--color-contrast-low, 234, 5%, 38%);
+    @include defineColorHSL(--color-contrast-medium, 210, 1%, 70%);
+    @include defineColorHSL(--color-contrast-high, 60, 14%, 93%);
+    @include defineColorHSL(--color-contrast-higher, 60, 30%, 96%);
 }
diff --git a/assets/scss/themes/_light.scss b/assets/scss/themes/_light.scss
@@ -1,3 +1,5 @@
+// https://codyhouse.co/ds/globals/colors
+
 :root {
     @include defineColorHSL(--color-primary, $primaryColorLightH, $primaryColorLightS, $primaryColorLightL);
     @include defineColorHSL(--color-bg, 0, 0%, 100%);

diff --git a/config-examples/en/config.toml b/config-examples/en/config.toml
@@ -545,7 +545,7 @@ uglyURLs = false
     #       content (the path of the icons).
 
     themeColor = "#fff"
-    themeColorDark = "#1c1c21"
+    themeColorDark = "#282a36"
     safariMaskColor = "#2a6df4"
     msApplicationTileColor = "#fff"
 

diff --git a/config-examples/zh-cn/config.toml b/config-examples/zh-cn/config.toml
@@ -502,7 +502,7 @@ uglyURLs = false
     #      （图标的路径）。
 
     themeColor = "#fff"
-    themeColorDark = "#1c1c21"
+    themeColorDark = "#282a36"
     safariMaskColor = "#2a6df4"
     msApplicationTileColor = "#fff"
 

diff --git a/...leSite/resources/_gen/assets/scss/scss/main.scss_a899b346ffc3a4bc65b84e40528dea51.content b/...leSite/resources/_gen/assets/scss/scss/main.scss_a899b346ffc3a4bc65b84e40528dea51.content
diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_a899b346ffc3a4bc65b84e40528dea51.json b/exampleSite/resources/_gen/assets/scss/scss/main.scss_a899b346ffc3a4bc65b84e40528dea51.json
@@ -1 +1 @@
-{"Target":"css/meme.min.e67c7ea81bf99cc15f485fd33c332f97f98dd078ebb3316f13688e190bf0f1b7.css","MediaType":"text/css","Data":{"Integrity":"sha256-5nx+qBv5nMFfSF/TPDMvl/mN0HjrszFvE2iOGQvw8bc="}}
+{"Target":"css/meme.min.b25f3c8c2da75c356a515d373678127b3b92a9ea5f2d7647384a860bc180bf22.css","MediaType":"text/css","Data":{"Integrity":"sha256-sl88jC2nXDVqUV03NngSezuSqepfLXZHOEqGC8GAvyI="}}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		{"Target":"css/meme.min.e67c7ea81bf99cc15f485fd33c332f97f98dd078ebb3316f13688e190bf0f1b7.css","MediaType":"text/css","Data":{"Integrity":"sha256-5nx+qBv5nMFfSF/TPDMvl/mN0HjrszFvE2iOGQvw8bc="}}
		{"Target":"css/meme.min.b25f3c8c2da75c356a515d373678127b3b92a9ea5f2d7647384a860bc180bf22.css","MediaType":"text/css","Data":{"Integrity":"sha256-sl88jC2nXDVqUV03NngSezuSqepfLXZHOEqGC8GAvyI="}}