Explorar o código

adjust dark mode colors of default theme

Yuki Takei %!s(int64=6) %!d(string=hai) anos
pai
achega
70ca574809
Modificáronse 1 ficheiros con 7 adicións e 6 borrados
  1. 7 6
      src/client/styles/scss/theme/default.scss

+ 7 - 6
src/client/styles/scss/theme/default.scss

@@ -26,7 +26,7 @@ html:not([dark]) {
 
   // Font colors
   $color-global: #333333;
-  $color-header: #2b2b2b;
+  // $color-header: #2b2b2b;
   $color-link: lighten($primary, 20%);
   $color-link-hover: lighten($color-link, 20%);
   $color-link-wiki: lighten($primary, 20%);
@@ -46,9 +46,9 @@ html:not([dark]) {
 //== Dark Mode
 //
 html[dark] {
-  $primary: #f75b36;
+  $primary: #d65a31;
 
-  $basecolor: #212731;
+  $basecolor: #222831;
 
   // Background colors
   $bgcolor-global: $basecolor;
@@ -57,10 +57,11 @@ html[dark] {
   $bgcolor-card: darken($basecolor, 5%);
 
   // Font colors
-  $color-global: lighten($basecolor, 60%);
-  $color-header: desaturate($primary, 20%);
+  $color-global: #eeeeee;
+  // $color-header: desaturate($primary, 20%);
+  $color-link: $primary;
   $color-link-hover: lighten($color-link, 10%);
-  $color-link-wiki: saturate($color-global, 20%);
+  $color-link-wiki: lighten($basecolor, 50%);
   $color-link-wiki-hover: darken($color-link-wiki, 5%);
   $color-inline-code: #c7254e;