diff options
| author | Hunternif | 2021-09-01 23:01:02 +0100 |
|---|---|---|
| committer | Hunternif | 2021-09-01 23:26:07 +0100 |
| commit | 91f707a83b96c3ed834fe28ebeb91801345ff15a (patch) | |
| tree | 77a3d14fa1b4f65d4fc0325676d58297066f9d6c /client/css | |
| parent | 59e559fd85c1eb8636bb82c5075c317249fec959 (diff) | |
client: adjust colors for darktheme
Diffstat (limited to 'client/css')
| -rw-r--r-- | client/css/colors.styl | 2 | ||||
| -rw-r--r-- | client/css/core-forms.styl | 16 |
2 files changed, 17 insertions, 1 deletions
diff --git a/client/css/colors.styl b/client/css/colors.styl index cf7e7ca..c348bd6 100644 --- a/client/css/colors.styl +++ b/client/css/colors.styl @@ -4,7 +4,7 @@ $window-color-darktheme = #1a1a1a $top-navigation-color = #F5F5F5 $top-navigation-color-darktheme = #333333 $text-color = #111 -$text-color-darktheme = #e6e6e6 +$text-color-darktheme = #aaa $inactive-link-color = #888 $inactive-link-color-darktheme = #cccccc $line-color = #DDD diff --git a/client/css/core-forms.styl b/client/css/core-forms.styl index ee21ed1..976e3a0 100644 --- a/client/css/core-forms.styl +++ b/client/css/core-forms.styl @@ -87,6 +87,11 @@ input[type=radio], input[type=checkbox] border: 2px solid $input-enabled-border-color content: '' +.darktheme + .radio:before, .checkbox:before + background: darken($input-enabled-background-color, 75%) + border: 2px solid darken($input-enabled-border-color, 60%) + .radio:after background: $main-color transition: opacity 0.1s linear @@ -135,6 +140,17 @@ input[type=radio]:disabled + .radio, input[type=checkbox]:disabled + .checkbox border-color: $input-disabled-text-color +.darktheme + input[type=radio]:disabled + .radio:before, + input[type=checkbox]:disabled + .checkbox:before, + input[type=radio]:disabled + .radio:after, + input[type=checkbox]:disabled + .checkbox:after + border-color: darken($input-disabled-text-color, 60%) + + input[type=radio]:disabled + .radio, + input[type=checkbox]:disabled + .checkbox + border-color: darken($input-disabled-text-color, 60%) + input[type=radio]:focus + .radio:before, input[type=checkbox]:focus + .checkbox:before border-color: $main-color |