diff options
| author | Shyam Sunder <sgsunder1@gmail.com> | 2020-08-22 16:59:13 -0400 |
|---|---|---|
| committer | Shyam Sunder <sgsunder1@gmail.com> | 2020-08-26 13:19:56 -0400 |
| commit | c004eb36c22852e3dc6cfd10954e9ae5ceb80a09 (patch) | |
| tree | dc36f7b69c4476e109a3b4a7926fd7d492cfb6ca /client/css/core-forms.styl | |
| parent | 1bbcaf11f7b064f2a40245b79d392cbbf0324484 (diff) | |
client/css: implement dark theme option
Diffstat (limited to 'client/css/core-forms.styl')
| -rw-r--r-- | client/css/core-forms.styl | 44 |
1 files changed, 40 insertions, 4 deletions
diff --git a/client/css/core-forms.styl b/client/css/core-forms.styl index bed63e3..ee21ed1 100644 --- a/client/css/core-forms.styl +++ b/client/css/core-forms.styl @@ -26,6 +26,10 @@ form:not(.horizontal) font-size: 80% line-height: 120% +.darktheme form:not(.horizontal) + .hint + color: $inactive-link-color-darktheme + form.horizontal display: inline-block margin-bottom: 1em @@ -167,6 +171,16 @@ input[type=time] background: $input-disabled-background-color color: $input-disabled-text-color +.darktheme + input[type=date], + input[type=time] + border: 2px solid darken($input-enabled-border-color, 75%) + background: darken($input-enabled-background-color, 75%) + color: $input-enabled-text-color-darktheme + &:disabled + background: darken($input-disabled-background-color, 75%) + &[readonly] + background: darken($input-disabled-background-color, 75%) /* @@ -204,6 +218,21 @@ input[type=number] background: $input-disabled-background-color color: $input-disabled-text-color +.darktheme + select, + textarea, + input[type=text], + input[type=email], + input[type=password], + input[type=number] + border: 2px solid darken($input-enabled-border-color, 75%) + background: darken($input-enabled-background-color, 75%) + color: $input-enabled-text-color-darktheme + &:disabled + background: darken($input-disabled-background-color, 75%) + &[readonly] + background: darken($input-disabled-background-color, 75%) + input[readonly], input[readonly]+.radio, input[readonly]+.checkbox, @@ -242,8 +271,9 @@ form.show-validation .input outline: 0 border: 2px solid $input-good-border-color background: $input-good-background-color - - +.darktheme form.show-validation .input + input:valid + background: darken($input-good-background-color, 75%) /* * Buttons @@ -310,6 +340,10 @@ input::-moz-focus-inner button margin-left: 0.5em +.darktheme .file-dropper-holder + .file-dropper + background: $window-color-darktheme + input[type=file]:disabled+.file-dropper cursor: default opacity: .5 @@ -319,8 +353,6 @@ input[type=file]:focus+.file-dropper, .file-dropper.active border-color: $main-color - - .autocomplete position: absolute z-index: 10 @@ -345,6 +377,10 @@ input[type=file]:focus+.file-dropper, .disabled color: $inactive-link-color +.darktheme .autocomplete + background: $window-color-darktheme + ul li .disabled + color: $inactive-link-color-darktheme .anticomplete display: none |