68 lines
2.2 KiB
SCSS
68 lines
2.2 KiB
SCSS
:root {
|
|
--color-primary: #356a22;
|
|
--color-on-primary: #ffffff;
|
|
--color-primary-container: #b5f399;
|
|
--color-on-primary-container: #052100;
|
|
--color-secondary: #55624c;
|
|
--color-on-secondary: #ffffff;
|
|
--color-secondary-container: #d8e7cb;
|
|
--color-on-secondary-container: #131f0d;
|
|
--color-tertiary: #386667;
|
|
--color-on-tertiary: #ffffff;
|
|
--color-tertiary-container: #bbebed;
|
|
--color-on-tertiary-container: #002021;
|
|
--color-error: #ba1a1a;
|
|
--color-error-container: #ffdad6;
|
|
--color-on-error: #ffffff;
|
|
--color-on-error-container: #410002;
|
|
--color-background: #fdfdf6;
|
|
--color-on-background: #1a1c18;
|
|
--color-surface: #fdfdf6;
|
|
--color-on-surface: #1a1c18;
|
|
--color-surface-variant: #dfe4d7;
|
|
--color-on-surface-variant: #43483f;
|
|
--color-outline: #73796e;
|
|
--color-inverse-on-surface: #f1f1ea;
|
|
--color-inverse-surface: #2f312d;
|
|
--color-inverse-primary: #9ad680;
|
|
--color-shadow: #000000;
|
|
--color-surface-tint: #356a22;
|
|
--color-outline-variant: #c3c8bb;
|
|
--color-scrim: #000000;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--color-primary: #9ad680;
|
|
--color-on-primary: #0c3900;
|
|
--color-primary-container: #1d5209;
|
|
--color-on-primary-container: #b5f399;
|
|
--color-secondary: #bccbb0;
|
|
--color-on-secondary: #273421;
|
|
--color-secondary-container: #3d4b36;
|
|
--color-on-secondary-container: #d8e7cb;
|
|
--color-tertiary: #a0cfd0;
|
|
--color-on-tertiary: #003738;
|
|
--color-tertiary-container: #1e4e4f;
|
|
--color-on-tertiary-container: #bbebed;
|
|
--color-error: #ffb4ab;
|
|
--color-error-container: #93000a;
|
|
--color-on-error: #690005;
|
|
--color-on-error-container: #ffdad6;
|
|
--color-background: #1a1c18;
|
|
--color-on-background: #e3e3dc;
|
|
--color-surface: #1a1c18;
|
|
--color-on-surface: #e3e3dc;
|
|
--color-surface-variant: #43483f;
|
|
--color-on-surface-variant: #c3c8bb;
|
|
--color-outline: #8d9387;
|
|
--color-inverse-on-surface: #1a1c18;
|
|
--color-inverse-surface: #e3e3dc;
|
|
--color-inverse-primary: #356a22;
|
|
--color-shadow: #000000;
|
|
--color-surface-tint: #9ad680;
|
|
--color-outline-variant: #43483f;
|
|
--color-scrim: #000000;
|
|
}}
|
|
|