diff options
| author | crupest <crupest@outlook.com> | 2023-08-13 01:32:13 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-08-13 01:32:13 +0800 |
| commit | 8c22e395fdec4b2aeef21375ea6212e4760d2bbd (patch) | |
| tree | 02ecfa69d3a6d90594f9f29f5e0cf40bd2474d1d /FrontEnd/src | |
| parent | 10c4f64b1e5b8d372200e188f7cb10fccab11af7 (diff) | |
| download | timeline-8c22e395fdec4b2aeef21375ea6212e4760d2bbd.tar.gz timeline-8c22e395fdec4b2aeef21375ea6212e4760d2bbd.tar.bz2 timeline-8c22e395fdec4b2aeef21375ea6212e4760d2bbd.zip | |
...
Diffstat (limited to 'FrontEnd/src')
| -rw-r--r-- | FrontEnd/src/views/common/theme.css | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/FrontEnd/src/views/common/theme.css b/FrontEnd/src/views/common/theme.css index e9670fe2..47034d95 100644 --- a/FrontEnd/src/views/common/theme.css +++ b/FrontEnd/src/views/common/theme.css @@ -18,6 +18,15 @@ --cru-danger-color: #ffffff; } +@media (prefers-color-scheme: dark) { + :root { + --cru-primary-color: #ffffff; + --cru-secondary-color: #ffffff; + --cru-create-color: #ffffff; + --cru-danger-color: #ffffff; + } +} + /* common colors */ :root { --cru-body-background-color: #ffffff; @@ -53,3 +62,33 @@ --flat-button-background-focus: #ffffff; --flat-button-background-active: #ffffff; } + +@media (prefers-color-scheme: dark) { + :root { + --cru-button-primary-normal-color: var(--cru-primary-color); + --cru-button-primary-hover-color: #ffffff; + --cru-button-primary-focus-color: #ffffff; + --cru-button-primary-active-color: #ffffff; + --cru-button-secondary-normal-color: var(--cru-secondary-color); + --cru-button-secondary-hover-color: #ffffff; + --cru-button-secondary-focus-color: #ffffff; + --cru-button-secondary-active-color: #ffffff; + --cru-button-create-normal-color: var(--cru-create-color); + --cru-button-create-hover-color: #ffffff; + --cru-button-create-focus-color: #ffffff; + --cru-button-create-active-color: #ffffff; + --cru-button-danger-normal-color: var(--cru-danger-color); + --cru-button-danger-hover-color: #ffffff; + --cru-button-danger-focus-color: #ffffff; + --cru-button-danger-active-color: #ffffff; + --cru-button-disabled-color: #ffffff; + /* push button colors */ + --push-button-text: #ffffff; + --push-button-disabled-text: #ffffff; + /* flat button colors */ + --flat-button-background-normal: #ffffff; + --flat-button-background-hover: #ffffff; + --flat-button-background-focus: #ffffff; + --flat-button-background-active: #ffffff; + } +} |