diff options
| author | crupest <crupest@outlook.com> | 2023-08-15 01:16:37 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-08-15 01:16:37 +0800 |
| commit | 93bc2b9688ebc0dde2ae8d5cf3e3f2628d636ff0 (patch) | |
| tree | d689ec372ce24c5c11a6524f99bb7617752fc91e /FrontEnd/src/views/common/theme.css | |
| parent | e989478fcf77c30e26147310f5ce25dfb637d1b3 (diff) | |
| download | timeline-93bc2b9688ebc0dde2ae8d5cf3e3f2628d636ff0.tar.gz timeline-93bc2b9688ebc0dde2ae8d5cf3e3f2628d636ff0.tar.bz2 timeline-93bc2b9688ebc0dde2ae8d5cf3e3f2628d636ff0.zip | |
...
Diffstat (limited to 'FrontEnd/src/views/common/theme.css')
| -rw-r--r-- | FrontEnd/src/views/common/theme.css | 50 |
1 files changed, 47 insertions, 3 deletions
diff --git a/FrontEnd/src/views/common/theme.css b/FrontEnd/src/views/common/theme.css index 150f35cf..c8819b19 100644 --- a/FrontEnd/src/views/common/theme.css +++ b/FrontEnd/src/views/common/theme.css @@ -20,9 +20,21 @@ /* common colors */ :root { - --cru-body-background-color: #ffffff; - --cru-text-primary-color: #ffffff; - --cru-text-secondary-color: #ffffff; + --cru-background-color: #ffffff; + --cru-text-primary-color: #000000; + --cru-text-secondary-color: #000000; +} + +@media (prefers-color-scheme: dark) { + :root { + --cru-background-color: #000000; + --cru-text-primary-color: #ffffff; + --cru-text-secondary-color: #ffffff; + } +} + +:root { + --cru-body-background-color: var(--cru-background-color); } /* button colors */ @@ -91,3 +103,35 @@ --cru-button-focus-color: var(--cru-button-danger-focus-color); --cru-button-active-color: var(--cru-button-danger-active-color); } + +/* Card colors */ +:root { + --cru-card-background-primary-color: hsl(210, 100%, 50%); + --cru-card-border-primary-color: hsl(210, 100%, 50%); + --cru-card-background-secondary-color: hsl(30, 100%, 50%); + --cru-card-border-secondary-color: hsl(30, 100%, 50%); + --cru-card-background-create-color: hsl(120, 100%, 25%); + --cru-card-border-create-color: hsl(120, 100%, 25%); + --cru-card-background-danger-color: hsl(0, 100%, 50%); + --cru-card-border-danger-color: hsl(0, 100%, 50%); +} + +.cru-card-primary { + --cru-card-background-color: var(--cru-card-background-primary-color); + --cru-card-border-color: var(--cru-card-border-primary-color) +} + +.cru-card-secondary { + --cru-card-background-color: var(--cru-card-background-secondary-color); + --cru-card-border-color: var(--cru-card-border-secondary-color) +} + +.cru-card-create { + --cru-card-background-color: var(--cru-card-background-create-color); + --cru-card-border-color: var(--cru-card-border-create-color) +} + +.cru-card-danger { + --cru-card-background-color: var(--cru-card-background-danger-color); + --cru-card-border-color: var(--cru-card-border-danger-color) +} |