|
|
@@ -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;
|
|
|
|