From 83258b81d6624c2d4baac0d3a704d0db5a5763ca Mon Sep 17 00:00:00 2001 From: sn0ot Date: Thu, 24 Dec 2020 13:25:48 -0500 Subject: [PATCH 1/2] Remove hardcoded value, use variable --- assets/scss/tale/_base.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/scss/tale/_base.scss b/assets/scss/tale/_base.scss index 6c2471b8..b2d82dd5 100644 --- a/assets/scss/tale/_base.scss +++ b/assets/scss/tale/_base.scss @@ -6,7 +6,7 @@ html, body { color: $default-color; - background-color: #fff; + background-color: $white; margin: 0; padding: 0; } From ce7577373e4b2f8e095aa09dfc439d6e5eeb655e Mon Sep 17 00:00:00 2001 From: sn0ot Date: Wed, 30 Dec 2020 20:35:02 +0000 Subject: [PATCH 2/2] Add hard-coded dark theme --- assets/scss/tale/_variables.scss | 29 +++++++++++++++++++++-------- 1 file changed, 21 insertions(+), 8 deletions(-) diff --git a/assets/scss/tale/_variables.scss b/assets/scss/tale/_variables.scss index 8a064f32..d1a0b25b 100644 --- a/assets/scss/tale/_variables.scss +++ b/assets/scss/tale/_variables.scss @@ -1,13 +1,26 @@ // Colors -$default-color: #555; -$default-shade: #353535; -$default-tint: #aaa; -$grey-1: #979797; -$grey-2: #e5e5e5; +//light +//$default-color: #555; +//$default-shade: #353535; +//$default-tint: #aaa; +//$grey-1: #979797; +//$grey-2: #e5e5e5; +//$grey-3: #f9f9f9; +//$white: #fff; +//$blue: #4a9ae1; +//$shadow-color: rgba(0, 0, 0, .2); +//$code-color: #bf616a; + +//dark +$default-shade: #c4c9d2; +$default-color: #abb2bf; +$grey-1: #777c85; +$default-tint: #666a72; +$grey-2: #333539; $grey-3: #f9f9f9; -$white: #fff; -$blue: #4a9ae1; -$shadow-color: rgba(0, 0, 0, .2); +$white: #282c34; +$blue: #61afef; +$shadow-color: rgba(0, 0, 0, .4); $code-color: #bf616a; // Fonts