blob: e40f80ceb128e1c00d1124950c7b8c8b2f6c5f2e (
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
|
/* Colors inspired by "day/night-fox" schemes */
:root {
/* Light mode colors */
--background-color-light: #f6f2ee; /* base00 */
--background-color-light-2: #dbd1dd; /* base01 */
--text-color-light: #3d2b5a; /* base05 */
--confirm-color-light: #396847; /* base0B */
--link-color-light: #6e33ce; /* base0E */
--container-bg-light: #f4ece6; /* base07 */
--border-color-light: #2848a9; /* base0D */
--error-color-light: #a5222f; /* base08 */
/* Dark mode colors */
--background-color-dark: #192330; /* base00 */
--background-color-dark-2: #212e3f; /* base01 */
--text-color-dark: #cdcecf; /* base05 */
--confirm-color-dark: #81b29a; /* base0B */
--link-color-dark: #9d79d6; /* base0E */
--container-bg-dark: #29394f; /* base02 */
--border-color-dark: #719cd6; /* base0D */
--error-color-dark: #c94f6d; /* base08 */
}
[data-theme="DARK"] {
--background-color: var(--background-color-dark);
--background-color-2: var(--background-color-dark-2);
--text-color: var(--text-color-dark);
--link-color: var(--link-color-dark);
--container-bg: var(--container-bg-dark);
--border-color: var(--border-color-dark);
--error-color: var(--error-color-dark);
--confirm-color: var(--confirm-color-dark);
}
[data-theme="LIGHT"] {
--background-color: var(--background-color-light);
--background-color-2: var(--background-color-light-2);
--text-color: var(--text-color-light);
--link-color: var(--link-color-light);
--container-bg: var(--container-bg-light);
--border-color: var(--border-color-light);
--error-color: var(--error-color-light);
--confirm-color: var(--confirm-color-light);
}
.error {
background-color: var(--error-color);
padding: 1rem;
}
.success {
background-color: var(--confirm-color);
padding: 1rem;
}
|
