summaryrefslogtreecommitdiff
path: root/sass/_colors.scss
blob: 9729c0ce3efcd93acc2c9cfce36b8cc285545943 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
: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;
}}