generated from argyleink/vite-postcss-preset-env
-
Notifications
You must be signed in to change notification settings - Fork 199
/
Copy paththeme.light.css
48 lines (37 loc) · 1.07 KB
/
theme.light.css
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
@import "../props.media.css";
:where(html) {
color-scheme: light;
--link: var(--indigo-7);
--link-visited: var(--purple-7);
--text-1: var(--gray-12);
--text-2: var(--gray-7);
--surface-1: var(--gray-0);
--surface-2: var(--gray-2);
--surface-3: var(--gray-3);
--surface-4: var(--gray-4);
--scrollthumb-color: var(--gray-7);
@media (--HDcolor) {
@supports (color: color(display-p3 0 0 0)) {
--link: color(display-p3 .1 .39 1);
--link-visited: color(display-p3 .6 .2 1);
}
}
& :where(dialog) {
background-color: var(--surface-1);
}
& :where(button,.btn) {
--_highlight: var(--_highlight-light);
--_bg: var(--_bg-light);
--_ink-shadow: var(--_ink-shadow-light);
& :where([type="reset"]) {
--_text: var(--red-6);
--_border: var(--red-3);
}
}
& :where(button,.btn,input:is([type="button"],[type="submit"],[type="reset"]))[disabled] {
--_text: var(--gray-6);
}
& :where(textarea, select, input:not([type="button"],[type="submit"],[type="reset"])) {
background-color: var(--surface-2);
}
}