diff options
| author | Shyam Sunder | 2020-08-22 16:59:13 -0400 |
|---|---|---|
| committer | Shyam Sunder | 2020-08-26 13:19:56 -0400 |
| commit | c004eb36c22852e3dc6cfd10954e9ae5ceb80a09 (patch) | |
| tree | dc36f7b69c4476e109a3b4a7926fd7d492cfb6ca /client/css/colors.styl | |
| parent | 1bbcaf11f7b064f2a40245b79d392cbbf0324484 (diff) | |
client/css: implement dark theme option
Diffstat (limited to 'client/css/colors.styl')
| -rw-r--r-- | client/css/colors.styl | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/client/css/colors.styl b/client/css/colors.styl index 3be05fe..a3a6fb4 100644 --- a/client/css/colors.styl +++ b/client/css/colors.styl @@ -1,13 +1,17 @@ $main-color = #24AADD $window-color = white +$window-color-darktheme = #1a1a1a $top-navigation-color = #F5F5F5 +$top-navigation-color-darktheme = #333333 $text-color = #111 +$text-color-darktheme = #e6e6e6 $inactive-link-color = #888 +$inactive-link-color-darktheme = #cccccc $line-color = #DDD -$inactive-tab-text-color = $inactive-link-color -$active-tab-text-color = $text-color $active-tab-background-color = rgba(0, 0, 0, 0.06) $focused-tab-background-color = rgba(0, 0, 0, 0.03) +$active-tab-background-color-darktheme = rgba(255, 255, 255, 0.06) +$focused-tab-background-color-darktheme = rgba(255, 255, 255, 0.03) $message-info-border-color = #BDF $message-info-background-color = #E3EFF9 $message-error-border-color = #FCC @@ -21,6 +25,7 @@ $input-good-background-color = #F5FFF5 $input-enabled-background-color = #FAFAFA $input-enabled-border-color = #EEE $input-enabled-text-color = $text-color +$input-enabled-text-color-darktheme = $text-color-darktheme $input-disabled-background-color = #FAFAFA $input-disabled-border-color = #EEE $input-disabled-text-color = #888 @@ -35,7 +40,6 @@ $new-tag-background-color = #DFC $new-tag-text-color = black $implied-tag-background-color = #FFC $implied-tag-text-color = black -$tag-suggestions-background-color = $window-color $tag-suggestions-header-color = #EEE $tag-suggestions-border-color = #AAA $duplicate-tag-background-color = #FDC |