snapshot-labs-theme 0.1.49 → 0.1.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/css/base/colors.css +281 -145
- package/build/css/semantic/colors.css +47 -45
- package/build/css/semantic/colors.dark.css +49 -47
- package/build/css/theme.css +60 -0
- package/package.json +1 -1
|
@@ -3,149 +3,285 @@
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
|
-
--color-
|
|
7
|
-
--color-
|
|
8
|
-
--color-
|
|
9
|
-
--color-
|
|
10
|
-
--color-
|
|
11
|
-
--color-
|
|
12
|
-
--color-
|
|
13
|
-
--color-
|
|
14
|
-
--color-
|
|
15
|
-
--color-
|
|
16
|
-
--color-
|
|
17
|
-
--color-
|
|
18
|
-
--color-
|
|
19
|
-
--color-
|
|
20
|
-
--color-
|
|
21
|
-
--color-
|
|
22
|
-
--color-
|
|
23
|
-
--color-
|
|
24
|
-
--color-
|
|
25
|
-
--color-
|
|
26
|
-
--color-
|
|
27
|
-
--color-
|
|
28
|
-
--color-
|
|
29
|
-
--color-
|
|
30
|
-
--color-
|
|
31
|
-
--color-
|
|
32
|
-
--color-
|
|
33
|
-
--color-
|
|
34
|
-
--color-
|
|
35
|
-
--color-
|
|
36
|
-
--color-
|
|
37
|
-
--color-
|
|
38
|
-
--color-
|
|
39
|
-
--color-
|
|
40
|
-
--color-
|
|
41
|
-
--color-
|
|
42
|
-
--color-
|
|
43
|
-
--color-
|
|
44
|
-
--color-
|
|
45
|
-
--color-
|
|
46
|
-
--color-
|
|
47
|
-
--color-
|
|
48
|
-
--color-
|
|
49
|
-
--color-
|
|
50
|
-
--color-
|
|
51
|
-
--color-
|
|
52
|
-
--color-
|
|
53
|
-
--color-
|
|
54
|
-
--color-
|
|
55
|
-
--color-
|
|
56
|
-
--color-
|
|
57
|
-
--color-
|
|
58
|
-
--color-
|
|
59
|
-
--color-
|
|
60
|
-
--color-
|
|
61
|
-
--color-
|
|
62
|
-
--color-
|
|
63
|
-
--color-
|
|
64
|
-
--color-
|
|
65
|
-
--color-
|
|
66
|
-
--color-
|
|
67
|
-
--color-
|
|
68
|
-
--color-
|
|
69
|
-
--color-
|
|
70
|
-
--color-
|
|
71
|
-
--color-
|
|
72
|
-
--color-
|
|
73
|
-
--color-
|
|
74
|
-
--color-
|
|
75
|
-
--color-
|
|
76
|
-
--color-
|
|
77
|
-
--color-
|
|
78
|
-
--color-
|
|
79
|
-
--color-
|
|
80
|
-
--color-
|
|
81
|
-
--color-
|
|
82
|
-
--color-
|
|
83
|
-
--color-
|
|
84
|
-
--color-
|
|
85
|
-
--color-
|
|
86
|
-
--color-
|
|
87
|
-
--color-
|
|
88
|
-
--color-
|
|
89
|
-
--color-
|
|
90
|
-
--color-
|
|
91
|
-
--color-
|
|
92
|
-
--color-
|
|
93
|
-
--color-
|
|
94
|
-
--color-
|
|
95
|
-
--color-
|
|
96
|
-
--color-
|
|
97
|
-
--color-
|
|
98
|
-
--color-
|
|
99
|
-
--color-
|
|
100
|
-
--color-
|
|
101
|
-
--color-
|
|
102
|
-
--color-
|
|
103
|
-
--color-
|
|
104
|
-
--color-
|
|
105
|
-
--color-
|
|
106
|
-
--color-
|
|
107
|
-
--color-
|
|
108
|
-
--color-
|
|
109
|
-
--color-
|
|
110
|
-
--color-
|
|
111
|
-
--color-
|
|
112
|
-
--color-
|
|
113
|
-
--color-
|
|
114
|
-
--color-
|
|
115
|
-
--color-
|
|
116
|
-
--color-
|
|
117
|
-
--color-
|
|
118
|
-
--color-
|
|
119
|
-
--color-
|
|
120
|
-
--color-
|
|
121
|
-
--color-
|
|
122
|
-
--color-
|
|
123
|
-
--color-
|
|
124
|
-
--color-blue-
|
|
125
|
-
--color-blue-
|
|
126
|
-
--color-blue-
|
|
127
|
-
--color-
|
|
128
|
-
--color-
|
|
129
|
-
--color-
|
|
130
|
-
--color-
|
|
131
|
-
--color-
|
|
132
|
-
--color-
|
|
133
|
-
--color-
|
|
134
|
-
--color-
|
|
135
|
-
--color-
|
|
136
|
-
--color-
|
|
137
|
-
--color-
|
|
138
|
-
--color-
|
|
139
|
-
--color-
|
|
140
|
-
--color-
|
|
141
|
-
--color-
|
|
142
|
-
--color-
|
|
143
|
-
--color-
|
|
144
|
-
--color-
|
|
145
|
-
--color-
|
|
146
|
-
--color-
|
|
147
|
-
--color-
|
|
148
|
-
--color-
|
|
149
|
-
--color-
|
|
150
|
-
--color-
|
|
6
|
+
--color-red-50: oklch(98.83% 0.005 20); /** oklch(98.83% 0.005 20) */
|
|
7
|
+
--color-red-100: oklch(96.68% 0.017 20); /** oklch(96.68% 0.017 20) */
|
|
8
|
+
--color-red-200: oklch(92.19% 0.042 20); /** oklch(92.19% 0.042 20) */
|
|
9
|
+
--color-red-300: oklch(86.13% 0.078 20); /** oklch(86.13% 0.078 20) */
|
|
10
|
+
--color-red-400: oklch(80.08% 0.114 20); /** oklch(80.08% 0.114 20) */
|
|
11
|
+
--color-red-500: oklch(74.22% 0.152 20); /** oklch(74.22% 0.152 20) */
|
|
12
|
+
--color-red-600: oklch(62.7% 0.136 20); /** oklch(62.7% 0.136 20) */
|
|
13
|
+
--color-red-700: oklch(53.52% 0.116 20); /** oklch(53.52% 0.116 20) */
|
|
14
|
+
--color-red-800: oklch(41.99% 0.091 20); /** oklch(41.99% 0.091 20) */
|
|
15
|
+
--color-red-900: oklch(30.66% 0.066 20); /** oklch(30.66% 0.066 20) */
|
|
16
|
+
--color-red-950: oklch(19.34% 0.041 20); /** oklch(19.34% 0.041 20) */
|
|
17
|
+
--color-orange-50: oklch(98.83% 0.005 43.33); /** oklch(98.83% 0.005 43.33) */
|
|
18
|
+
--color-orange-100: oklch(96.68% 0.017 43.33); /** oklch(96.68% 0.017 43.33) */
|
|
19
|
+
--color-orange-200: oklch(92.19% 0.042 43.33); /** oklch(92.19% 0.042 43.33) */
|
|
20
|
+
--color-orange-300: oklch(85.94% 0.078 43.33); /** oklch(85.94% 0.078 43.33) */
|
|
21
|
+
--color-orange-400: oklch(79.88% 0.114 43.33); /** oklch(79.88% 0.114 43.33) */
|
|
22
|
+
--color-orange-500: oklch(73.83% 0.152 43.33); /** oklch(73.83% 0.152 43.33) */
|
|
23
|
+
--color-orange-600: oklch(62.3% 0.136 43.33); /** oklch(62.3% 0.136 43.33) */
|
|
24
|
+
--color-orange-700: oklch(53.13% 0.116 43.33); /** oklch(53.13% 0.116 43.33) */
|
|
25
|
+
--color-orange-800: oklch(41.8% 0.091 43.33); /** oklch(41.8% 0.091 43.33) */
|
|
26
|
+
--color-orange-900: oklch(30.47% 0.066 43.33); /** oklch(30.47% 0.066 43.33) */
|
|
27
|
+
--color-orange-950: oklch(19.14% 0.041 43.33); /** oklch(19.14% 0.041 43.33) */
|
|
28
|
+
--color-amber-50: oklch(98.83% 0.005 66.67); /** oklch(98.83% 0.005 66.67) */
|
|
29
|
+
--color-amber-100: oklch(96.68% 0.017 66.67); /** oklch(96.68% 0.017 66.67) */
|
|
30
|
+
--color-amber-200: oklch(91.99% 0.042 66.67); /** oklch(91.99% 0.042 66.67) */
|
|
31
|
+
--color-amber-300: oklch(85.74% 0.078 66.67); /** oklch(85.74% 0.078 66.67) */
|
|
32
|
+
--color-amber-400: oklch(79.49% 0.114 66.67); /** oklch(79.49% 0.114 66.67) */
|
|
33
|
+
--color-amber-500: oklch(73.24% 0.152 66.67); /** oklch(73.24% 0.152 66.67) */
|
|
34
|
+
--color-amber-600: oklch(61.91% 0.136 66.67); /** oklch(61.91% 0.136 66.67) */
|
|
35
|
+
--color-amber-700: oklch(52.73% 0.116 66.67); /** oklch(52.73% 0.116 66.67) */
|
|
36
|
+
--color-amber-800: oklch(41.41% 0.091 66.67); /** oklch(41.41% 0.091 66.67) */
|
|
37
|
+
--color-amber-900: oklch(30.27% 0.066 66.67); /** oklch(30.27% 0.066 66.67) */
|
|
38
|
+
--color-amber-950: oklch(19.14% 0.041 66.67); /** oklch(19.14% 0.041 66.67) */
|
|
39
|
+
--color-yellow-50: oklch(98.83% 0.005 90); /** oklch(98.83% 0.005 90) */
|
|
40
|
+
--color-yellow-100: oklch(96.48% 0.017 90); /** oklch(96.48% 0.017 90) */
|
|
41
|
+
--color-yellow-200: oklch(91.8% 0.042 90); /** oklch(91.8% 0.042 90) */
|
|
42
|
+
--color-yellow-300: oklch(85.35% 0.078 90); /** oklch(85.35% 0.078 90) */
|
|
43
|
+
--color-yellow-400: oklch(78.91% 0.114 90); /** oklch(78.91% 0.114 90) */
|
|
44
|
+
--color-yellow-500: oklch(72.66% 0.152 90); /** oklch(72.66% 0.152 90) */
|
|
45
|
+
--color-yellow-600: oklch(61.13% 0.136 90); /** oklch(61.13% 0.136 90) */
|
|
46
|
+
--color-yellow-700: oklch(52.34% 0.116 90); /** oklch(52.34% 0.116 90) */
|
|
47
|
+
--color-yellow-800: oklch(41.02% 0.091 90); /** oklch(41.02% 0.091 90) */
|
|
48
|
+
--color-yellow-900: oklch(30.08% 0.066 90); /** oklch(30.08% 0.066 90) */
|
|
49
|
+
--color-yellow-950: oklch(19.14% 0.041 90); /** oklch(19.14% 0.041 90) */
|
|
50
|
+
--color-lime-50: oklch(98.83% 0.005 106.67); /** oklch(98.83% 0.005 106.67) */
|
|
51
|
+
--color-lime-100: oklch(96.48% 0.017 106.67); /** oklch(96.48% 0.017 106.67) */
|
|
52
|
+
--color-lime-200: oklch(91.6% 0.042 106.67); /** oklch(91.6% 0.042 106.67) */
|
|
53
|
+
--color-lime-300: oklch(84.96% 0.078 106.67); /** oklch(84.96% 0.078 106.67) */
|
|
54
|
+
--color-lime-400: oklch(78.52% 0.114 106.67); /** oklch(78.52% 0.114 106.67) */
|
|
55
|
+
--color-lime-500: oklch(72.07% 0.152 106.67); /** oklch(72.07% 0.152 106.67) */
|
|
56
|
+
--color-lime-600: oklch(60.74% 0.136 106.67); /** oklch(60.74% 0.136 106.67) */
|
|
57
|
+
--color-lime-700: oklch(51.95% 0.116 106.67); /** oklch(51.95% 0.116 106.67) */
|
|
58
|
+
--color-lime-800: oklch(40.82% 0.091 106.67); /** oklch(40.82% 0.091 106.67) */
|
|
59
|
+
--color-lime-900: oklch(29.88% 0.066 106.67); /** oklch(29.88% 0.066 106.67) */
|
|
60
|
+
--color-lime-950: oklch(18.95% 0.041 106.67); /** oklch(18.95% 0.041 106.67) */
|
|
61
|
+
--color-green-50: oklch(98.83% 0.005 123.33); /** oklch(98.83% 0.005 123.33) */
|
|
62
|
+
--color-green-100: oklch(96.29% 0.017 123.33); /** oklch(96.29% 0.017 123.33) */
|
|
63
|
+
--color-green-200: oklch(91.41% 0.042 123.33); /** oklch(91.41% 0.042 123.33) */
|
|
64
|
+
--color-green-300: oklch(84.77% 0.078 123.33); /** oklch(84.77% 0.078 123.33) */
|
|
65
|
+
--color-green-400: oklch(78.13% 0.114 123.33); /** oklch(78.13% 0.114 123.33) */
|
|
66
|
+
--color-green-500: oklch(71.48% 0.152 123.33); /** oklch(71.48% 0.152 123.33) */
|
|
67
|
+
--color-green-600: oklch(60.35% 0.136 123.33); /** oklch(60.35% 0.136 123.33) */
|
|
68
|
+
--color-green-700: oklch(51.56% 0.116 123.33); /** oklch(51.56% 0.116 123.33) */
|
|
69
|
+
--color-green-800: oklch(40.43% 0.091 123.33); /** oklch(40.43% 0.091 123.33) */
|
|
70
|
+
--color-green-900: oklch(29.69% 0.066 123.33); /** oklch(29.69% 0.066 123.33) */
|
|
71
|
+
--color-green-950: oklch(18.75% 0.041 123.33); /** oklch(18.75% 0.041 123.33) */
|
|
72
|
+
--color-emerald-50: oklch(98.83% 0.005 140); /** oklch(98.83% 0.005 140) */
|
|
73
|
+
--color-emerald-100: oklch(96.29% 0.017 140); /** oklch(96.29% 0.017 140) */
|
|
74
|
+
--color-emerald-200: oklch(91.41% 0.042 140); /** oklch(91.41% 0.042 140) */
|
|
75
|
+
--color-emerald-300: oklch(84.57% 0.078 140); /** oklch(84.57% 0.078 140) */
|
|
76
|
+
--color-emerald-400: oklch(77.73% 0.114 140); /** oklch(77.73% 0.114 140) */
|
|
77
|
+
--color-emerald-500: oklch(71.09% 0.152 140); /** oklch(71.09% 0.152 140) */
|
|
78
|
+
--color-emerald-600: oklch(59.77% 0.136 140); /** oklch(59.77% 0.136 140) */
|
|
79
|
+
--color-emerald-700: oklch(51.17% 0.116 140); /** oklch(51.17% 0.116 140) */
|
|
80
|
+
--color-emerald-800: oklch(40.04% 0.091 140); /** oklch(40.04% 0.091 140) */
|
|
81
|
+
--color-emerald-900: oklch(29.49% 0.066 140); /** oklch(29.49% 0.066 140) */
|
|
82
|
+
--color-emerald-950: oklch(18.75% 0.041 140); /** oklch(18.75% 0.041 140) */
|
|
83
|
+
--color-teal-50: oklch(98.83% 0.005 160); /** oklch(98.83% 0.005 160) */
|
|
84
|
+
--color-teal-100: oklch(96.29% 0.017 160); /** oklch(96.29% 0.017 160) */
|
|
85
|
+
--color-teal-200: oklch(91.21% 0.042 160); /** oklch(91.21% 0.042 160) */
|
|
86
|
+
--color-teal-300: oklch(84.38% 0.078 160); /** oklch(84.38% 0.078 160) */
|
|
87
|
+
--color-teal-400: oklch(77.54% 0.114 160); /** oklch(77.54% 0.114 160) */
|
|
88
|
+
--color-teal-500: oklch(70.51% 0.152 160); /** oklch(70.51% 0.152 160) */
|
|
89
|
+
--color-teal-600: oklch(59.38% 0.136 160); /** oklch(59.38% 0.136 160) */
|
|
90
|
+
--color-teal-700: oklch(50.78% 0.116 160); /** oklch(50.78% 0.116 160) */
|
|
91
|
+
--color-teal-800: oklch(39.84% 0.091 160); /** oklch(39.84% 0.091 160) */
|
|
92
|
+
--color-teal-900: oklch(29.1% 0.066 160); /** oklch(29.1% 0.066 160) */
|
|
93
|
+
--color-teal-950: oklch(18.36% 0.041 160); /** oklch(18.36% 0.041 160) */
|
|
94
|
+
--color-cyan-50: oklch(98.83% 0.005 180); /** oklch(98.83% 0.005 180) */
|
|
95
|
+
--color-cyan-100: oklch(96.29% 0.017 180); /** oklch(96.29% 0.017 180) */
|
|
96
|
+
--color-cyan-200: oklch(91.21% 0.042 180); /** oklch(91.21% 0.042 180) */
|
|
97
|
+
--color-cyan-300: oklch(84.38% 0.078 180); /** oklch(84.38% 0.078 180) */
|
|
98
|
+
--color-cyan-400: oklch(77.34% 0.114 180); /** oklch(77.34% 0.114 180) */
|
|
99
|
+
--color-cyan-500: oklch(70.51% 0.152 180); /** oklch(70.51% 0.152 180) */
|
|
100
|
+
--color-cyan-600: oklch(59.18% 0.136 180); /** oklch(59.18% 0.136 180) */
|
|
101
|
+
--color-cyan-700: oklch(50.59% 0.116 180); /** oklch(50.59% 0.116 180) */
|
|
102
|
+
--color-cyan-800: oklch(39.65% 0.091 180); /** oklch(39.65% 0.091 180) */
|
|
103
|
+
--color-cyan-900: oklch(28.91% 0.066 180); /** oklch(28.91% 0.066 180) */
|
|
104
|
+
--color-cyan-950: oklch(18.16% 0.041 180); /** oklch(18.16% 0.041 180) */
|
|
105
|
+
--color-sky-50: oklch(98.83% 0.005 210); /** oklch(98.83% 0.005 210) */
|
|
106
|
+
--color-sky-100: oklch(96.29% 0.017 210); /** oklch(96.29% 0.017 210) */
|
|
107
|
+
--color-sky-200: oklch(91.41% 0.042 210); /** oklch(91.41% 0.042 210) */
|
|
108
|
+
--color-sky-300: oklch(84.57% 0.078 210); /** oklch(84.57% 0.078 210) */
|
|
109
|
+
--color-sky-400: oklch(77.73% 0.114 210); /** oklch(77.73% 0.114 210) */
|
|
110
|
+
--color-sky-500: oklch(70.9% 0.152 210); /** oklch(70.9% 0.152 210) */
|
|
111
|
+
--color-sky-600: oklch(59.57% 0.136 210); /** oklch(59.57% 0.136 210) */
|
|
112
|
+
--color-sky-700: oklch(50.78% 0.116 210); /** oklch(50.78% 0.116 210) */
|
|
113
|
+
--color-sky-800: oklch(39.84% 0.091 210); /** oklch(39.84% 0.091 210) */
|
|
114
|
+
--color-sky-900: oklch(29.1% 0.066 210); /** oklch(29.1% 0.066 210) */
|
|
115
|
+
--color-sky-950: oklch(18.16% 0.041 210); /** oklch(18.16% 0.041 210) */
|
|
116
|
+
--color-blue-50: oklch(98.83% 0.005 240); /** oklch(98.83% 0.005 240) */
|
|
117
|
+
--color-blue-100: oklch(96.48% 0.017 240); /** oklch(96.48% 0.017 240) */
|
|
118
|
+
--color-blue-200: oklch(91.6% 0.042 240); /** oklch(91.6% 0.042 240) */
|
|
119
|
+
--color-blue-300: oklch(84.96% 0.078 240); /** oklch(84.96% 0.078 240) */
|
|
120
|
+
--color-blue-400: oklch(78.32% 0.114 240); /** oklch(78.32% 0.114 240) */
|
|
121
|
+
--color-blue-500: oklch(71.88% 0.152 240); /** oklch(71.88% 0.152 240) */
|
|
122
|
+
--color-blue-600: oklch(60.55% 0.136 240); /** oklch(60.55% 0.136 240) */
|
|
123
|
+
--color-blue-700: oklch(51.76% 0.116 240); /** oklch(51.76% 0.116 240) */
|
|
124
|
+
--color-blue-800: oklch(40.63% 0.091 240); /** oklch(40.63% 0.091 240) */
|
|
125
|
+
--color-blue-900: oklch(29.69% 0.066 240); /** oklch(29.69% 0.066 240) */
|
|
126
|
+
--color-blue-950: oklch(18.75% 0.041 240); /** oklch(18.75% 0.041 240) */
|
|
127
|
+
--color-indigo-50: oklch(98.83% 0.005 260); /** oklch(98.83% 0.005 260) */
|
|
128
|
+
--color-indigo-100: oklch(96.48% 0.017 260); /** oklch(96.48% 0.017 260) */
|
|
129
|
+
--color-indigo-200: oklch(91.8% 0.042 260); /** oklch(91.8% 0.042 260) */
|
|
130
|
+
--color-indigo-300: oklch(85.35% 0.078 260); /** oklch(85.35% 0.078 260) */
|
|
131
|
+
--color-indigo-400: oklch(78.91% 0.114 260); /** oklch(78.91% 0.114 260) */
|
|
132
|
+
--color-indigo-500: oklch(72.66% 0.152 260); /** oklch(72.66% 0.152 260) */
|
|
133
|
+
--color-indigo-600: oklch(61.33% 0.136 260); /** oklch(61.33% 0.136 260) */
|
|
134
|
+
--color-indigo-700: oklch(52.34% 0.116 260); /** oklch(52.34% 0.116 260) */
|
|
135
|
+
--color-indigo-800: oklch(41.21% 0.091 260); /** oklch(41.21% 0.091 260) */
|
|
136
|
+
--color-indigo-900: oklch(30.08% 0.066 260); /** oklch(30.08% 0.066 260) */
|
|
137
|
+
--color-indigo-950: oklch(19.14% 0.041 260); /** oklch(19.14% 0.041 260) */
|
|
138
|
+
--color-violet-50: oklch(98.83% 0.005 280); /** oklch(98.83% 0.005 280) */
|
|
139
|
+
--color-violet-100: oklch(96.48% 0.017 280); /** oklch(96.48% 0.017 280) */
|
|
140
|
+
--color-violet-200: oklch(91.99% 0.042 280); /** oklch(91.99% 0.042 280) */
|
|
141
|
+
--color-violet-300: oklch(85.74% 0.078 280); /** oklch(85.74% 0.078 280) */
|
|
142
|
+
--color-violet-400: oklch(79.49% 0.114 280); /** oklch(79.49% 0.114 280) */
|
|
143
|
+
--color-violet-500: oklch(73.44% 0.152 280); /** oklch(73.44% 0.152 280) */
|
|
144
|
+
--color-violet-600: oklch(61.91% 0.136 280); /** oklch(61.91% 0.136 280) */
|
|
145
|
+
--color-violet-700: oklch(52.93% 0.116 280); /** oklch(52.93% 0.116 280) */
|
|
146
|
+
--color-violet-800: oklch(41.6% 0.091 280); /** oklch(41.6% 0.091 280) */
|
|
147
|
+
--color-violet-900: oklch(30.47% 0.066 280); /** oklch(30.47% 0.066 280) */
|
|
148
|
+
--color-violet-950: oklch(19.34% 0.041 280); /** oklch(19.34% 0.041 280) */
|
|
149
|
+
--color-purple-50: oklch(98.83% 0.005 300); /** oklch(98.83% 0.005 300) */
|
|
150
|
+
--color-purple-100: oklch(96.68% 0.017 300); /** oklch(96.68% 0.017 300) */
|
|
151
|
+
--color-purple-200: oklch(92.19% 0.042 300); /** oklch(92.19% 0.042 300) */
|
|
152
|
+
--color-purple-300: oklch(85.94% 0.078 300); /** oklch(85.94% 0.078 300) */
|
|
153
|
+
--color-purple-400: oklch(79.88% 0.114 300); /** oklch(79.88% 0.114 300) */
|
|
154
|
+
--color-purple-500: oklch(73.83% 0.152 300); /** oklch(73.83% 0.152 300) */
|
|
155
|
+
--color-purple-600: oklch(62.5% 0.136 300); /** oklch(62.5% 0.136 300) */
|
|
156
|
+
--color-purple-700: oklch(53.32% 0.116 300); /** oklch(53.32% 0.116 300) */
|
|
157
|
+
--color-purple-800: oklch(41.8% 0.091 300); /** oklch(41.8% 0.091 300) */
|
|
158
|
+
--color-purple-900: oklch(30.66% 0.066 300); /** oklch(30.66% 0.066 300) */
|
|
159
|
+
--color-purple-950: oklch(19.53% 0.041 300); /** oklch(19.53% 0.041 300) */
|
|
160
|
+
--color-fuchsia-50: oklch(98.83% 0.005 320); /** oklch(98.83% 0.005 320) */
|
|
161
|
+
--color-fuchsia-100: oklch(96.68% 0.017 320); /** oklch(96.68% 0.017 320) */
|
|
162
|
+
--color-fuchsia-200: oklch(92.19% 0.042 320); /** oklch(92.19% 0.042 320) */
|
|
163
|
+
--color-fuchsia-300: oklch(86.13% 0.078 320); /** oklch(86.13% 0.078 320) */
|
|
164
|
+
--color-fuchsia-400: oklch(80.08% 0.114 320); /** oklch(80.08% 0.114 320) */
|
|
165
|
+
--color-fuchsia-500: oklch(74.22% 0.152 320); /** oklch(74.22% 0.152 320) */
|
|
166
|
+
--color-fuchsia-600: oklch(62.7% 0.136 320); /** oklch(62.7% 0.136 320) */
|
|
167
|
+
--color-fuchsia-700: oklch(53.52% 0.116 320); /** oklch(53.52% 0.116 320) */
|
|
168
|
+
--color-fuchsia-800: oklch(41.99% 0.091 320); /** oklch(41.99% 0.091 320) */
|
|
169
|
+
--color-fuchsia-900: oklch(30.86% 0.066 320); /** oklch(30.86% 0.066 320) */
|
|
170
|
+
--color-fuchsia-950: oklch(19.53% 0.041 320); /** oklch(19.53% 0.041 320) */
|
|
171
|
+
--color-pink-50: oklch(98.83% 0.005 340); /** oklch(98.83% 0.005 340) */
|
|
172
|
+
--color-pink-100: oklch(96.68% 0.017 340); /** oklch(96.68% 0.017 340) */
|
|
173
|
+
--color-pink-200: oklch(92.38% 0.042 340); /** oklch(92.38% 0.042 340) */
|
|
174
|
+
--color-pink-300: oklch(86.33% 0.078 340); /** oklch(86.33% 0.078 340) */
|
|
175
|
+
--color-pink-400: oklch(80.27% 0.114 340); /** oklch(80.27% 0.114 340) */
|
|
176
|
+
--color-pink-500: oklch(74.41% 0.152 340); /** oklch(74.41% 0.152 340) */
|
|
177
|
+
--color-pink-600: oklch(62.89% 0.136 340); /** oklch(62.89% 0.136 340) */
|
|
178
|
+
--color-pink-700: oklch(53.71% 0.116 340); /** oklch(53.71% 0.116 340) */
|
|
179
|
+
--color-pink-800: oklch(41.99% 0.091 340); /** oklch(41.99% 0.091 340) */
|
|
180
|
+
--color-pink-900: oklch(30.86% 0.066 340); /** oklch(30.86% 0.066 340) */
|
|
181
|
+
--color-pink-950: oklch(19.53% 0.041 340); /** oklch(19.53% 0.041 340) */
|
|
182
|
+
--color-rose-50: oklch(98.83% 0.005 0); /** oklch(98.83% 0.005 0) */
|
|
183
|
+
--color-rose-100: oklch(96.68% 0.017 0); /** oklch(96.68% 0.017 0) */
|
|
184
|
+
--color-rose-200: oklch(92.38% 0.042 0); /** oklch(92.38% 0.042 0) */
|
|
185
|
+
--color-rose-300: oklch(86.33% 0.078 0); /** oklch(86.33% 0.078 0) */
|
|
186
|
+
--color-rose-400: oklch(80.27% 0.114 0); /** oklch(80.27% 0.114 0) */
|
|
187
|
+
--color-rose-500: oklch(74.41% 0.152 0); /** oklch(74.41% 0.152 0) */
|
|
188
|
+
--color-rose-600: oklch(62.7% 0.136 0); /** oklch(62.7% 0.136 0) */
|
|
189
|
+
--color-rose-700: oklch(53.52% 0.116 0); /** oklch(53.52% 0.116 0) */
|
|
190
|
+
--color-rose-800: oklch(41.99% 0.091 0); /** oklch(41.99% 0.091 0) */
|
|
191
|
+
--color-rose-900: oklch(30.66% 0.066 0); /** oklch(30.66% 0.066 0) */
|
|
192
|
+
--color-rose-950: oklch(19.34% 0.041 0); /** oklch(19.34% 0.041 0) */
|
|
193
|
+
--color-slate-50: oklch(98.83% 0.005 275); /** oklch(98.83% 0.005 275) */
|
|
194
|
+
--color-slate-100: oklch(96.48% 0.018 275); /** oklch(96.48% 0.018 275) */
|
|
195
|
+
--color-slate-200: oklch(91.8% 0.024 275); /** oklch(91.8% 0.024 275) */
|
|
196
|
+
--color-slate-300: oklch(85.35% 0.024 275); /** oklch(85.35% 0.024 275) */
|
|
197
|
+
--color-slate-400: oklch(78.91% 0.024 275); /** oklch(78.91% 0.024 275) */
|
|
198
|
+
--color-slate-500: oklch(72.66% 0.024 275); /** oklch(72.66% 0.024 275) */
|
|
199
|
+
--color-slate-600: oklch(61.33% 0.024 275); /** oklch(61.33% 0.024 275) */
|
|
200
|
+
--color-slate-700: oklch(52.34% 0.024 275); /** oklch(52.34% 0.024 275) */
|
|
201
|
+
--color-slate-800: oklch(41.21% 0.024 275); /** oklch(41.21% 0.024 275) */
|
|
202
|
+
--color-slate-900: oklch(30.27% 0.024 275); /** oklch(30.27% 0.024 275) */
|
|
203
|
+
--color-slate-950: oklch(19.34% 0.024 275); /** oklch(19.34% 0.024 275) */
|
|
204
|
+
--color-gray-50: oklch(98.83% 0.005 275); /** oklch(98.83% 0.005 275) */
|
|
205
|
+
--color-gray-100: oklch(96.48% 0.016 275); /** oklch(96.48% 0.016 275) */
|
|
206
|
+
--color-gray-200: oklch(91.8% 0.016 275); /** oklch(91.8% 0.016 275) */
|
|
207
|
+
--color-gray-300: oklch(85.35% 0.016 275); /** oklch(85.35% 0.016 275) */
|
|
208
|
+
--color-gray-400: oklch(78.91% 0.016 275); /** oklch(78.91% 0.016 275) */
|
|
209
|
+
--color-gray-500: oklch(72.66% 0.016 275); /** oklch(72.66% 0.016 275) */
|
|
210
|
+
--color-gray-600: oklch(61.33% 0.016 275); /** oklch(61.33% 0.016 275) */
|
|
211
|
+
--color-gray-700: oklch(52.34% 0.016 275); /** oklch(52.34% 0.016 275) */
|
|
212
|
+
--color-gray-800: oklch(41.21% 0.016 275); /** oklch(41.21% 0.016 275) */
|
|
213
|
+
--color-gray-900: oklch(30.27% 0.016 275); /** oklch(30.27% 0.016 275) */
|
|
214
|
+
--color-gray-950: oklch(19.34% 0.016 275); /** oklch(19.34% 0.016 275) */
|
|
215
|
+
--color-zinc-50: oklch(98.83% 0.005 275); /** oklch(98.83% 0.005 275) */
|
|
216
|
+
--color-zinc-100: oklch(96.48% 0.008 275); /** oklch(96.48% 0.008 275) */
|
|
217
|
+
--color-zinc-200: oklch(91.8% 0.008 275); /** oklch(91.8% 0.008 275) */
|
|
218
|
+
--color-zinc-300: oklch(85.35% 0.008 275); /** oklch(85.35% 0.008 275) */
|
|
219
|
+
--color-zinc-400: oklch(78.91% 0.008 275); /** oklch(78.91% 0.008 275) */
|
|
220
|
+
--color-zinc-500: oklch(72.66% 0.008 275); /** oklch(72.66% 0.008 275) */
|
|
221
|
+
--color-zinc-600: oklch(61.33% 0.008 275); /** oklch(61.33% 0.008 275) */
|
|
222
|
+
--color-zinc-700: oklch(52.34% 0.008 275); /** oklch(52.34% 0.008 275) */
|
|
223
|
+
--color-zinc-800: oklch(41.21% 0.008 275); /** oklch(41.21% 0.008 275) */
|
|
224
|
+
--color-zinc-900: oklch(30.27% 0.008 275); /** oklch(30.27% 0.008 275) */
|
|
225
|
+
--color-zinc-950: oklch(19.34% 0.008 275); /** oklch(19.34% 0.008 275) */
|
|
226
|
+
--color-neutral-50: oklch(98.83% 0 0); /** oklch(98.83% 0 0) */
|
|
227
|
+
--color-neutral-100: oklch(96.48% 0 0); /** oklch(96.48% 0 0) */
|
|
228
|
+
--color-neutral-200: oklch(91.8% 0 0); /** oklch(91.8% 0 0) */
|
|
229
|
+
--color-neutral-300: oklch(85.35% 0 0); /** oklch(85.35% 0 0) */
|
|
230
|
+
--color-neutral-400: oklch(78.91% 0 0); /** oklch(78.91% 0 0) */
|
|
231
|
+
--color-neutral-500: oklch(72.66% 0 0); /** oklch(72.66% 0 0) */
|
|
232
|
+
--color-neutral-600: oklch(61.13% 0 0); /** oklch(61.13% 0 0) */
|
|
233
|
+
--color-neutral-700: oklch(52.34% 0 0); /** oklch(52.34% 0 0) */
|
|
234
|
+
--color-neutral-800: oklch(41.21% 0 0); /** oklch(41.21% 0 0) */
|
|
235
|
+
--color-neutral-900: oklch(30.08% 0 0); /** oklch(30.08% 0 0) */
|
|
236
|
+
--color-neutral-950: oklch(19.34% 0 0); /** oklch(19.34% 0 0) */
|
|
237
|
+
--color-neutral-dark-surface-1: oklch(98.83% 0 0); /** oklch(98.83% 0 0) */
|
|
238
|
+
--color-neutral-dark-surface-2: oklch(96.48% 0 0); /** oklch(96.48% 0 0) */
|
|
239
|
+
--color-neutral-dark-surface-3: oklch(91.8% 0 0); /** oklch(91.8% 0 0) */
|
|
240
|
+
--color-neutral-dark-surface-4: oklch(85.35% 0 0); /** oklch(85.35% 0 0) */
|
|
241
|
+
--color-neutral-dark-surface-5: oklch(78.91% 0 0); /** oklch(78.91% 0 0) */
|
|
242
|
+
--color-stone-50: oklch(98.83% 0.008 75); /** oklch(98.83% 0.008 75) */
|
|
243
|
+
--color-stone-100: oklch(96.48% 0.008 75); /** oklch(96.48% 0.008 75) */
|
|
244
|
+
--color-stone-200: oklch(91.8% 0.008 75); /** oklch(91.8% 0.008 75) */
|
|
245
|
+
--color-stone-300: oklch(85.35% 0.008 75); /** oklch(85.35% 0.008 75) */
|
|
246
|
+
--color-stone-400: oklch(78.91% 0.008 75); /** oklch(78.91% 0.008 75) */
|
|
247
|
+
--color-stone-500: oklch(72.66% 0.008 75); /** oklch(72.66% 0.008 75) */
|
|
248
|
+
--color-stone-600: oklch(61.33% 0.008 75); /** oklch(61.33% 0.008 75) */
|
|
249
|
+
--color-stone-700: oklch(52.34% 0.008 75); /** oklch(52.34% 0.008 75) */
|
|
250
|
+
--color-stone-800: oklch(41.21% 0.008 75); /** oklch(41.21% 0.008 75) */
|
|
251
|
+
--color-stone-900: oklch(30.27% 0.008 75); /** oklch(30.27% 0.008 75) */
|
|
252
|
+
--color-stone-950: oklch(19.34% 0.008 75); /** oklch(19.34% 0.008 75) */
|
|
253
|
+
--color-sand-50: oklch(98.83% 0.01 75); /** oklch(98.83% 0.01 75) */
|
|
254
|
+
--color-sand-100: oklch(96.48% 0.012 75); /** oklch(96.48% 0.012 75) */
|
|
255
|
+
--color-sand-200: oklch(91.8% 0.012 75); /** oklch(91.8% 0.012 75) */
|
|
256
|
+
--color-sand-300: oklch(85.35% 0.012 75); /** oklch(85.35% 0.012 75) */
|
|
257
|
+
--color-sand-400: oklch(78.91% 0.012 75); /** oklch(78.91% 0.012 75) */
|
|
258
|
+
--color-sand-500: oklch(72.66% 0.012 75); /** oklch(72.66% 0.012 75) */
|
|
259
|
+
--color-sand-600: oklch(61.33% 0.012 75); /** oklch(61.33% 0.012 75) */
|
|
260
|
+
--color-sand-700: oklch(52.34% 0.012 75); /** oklch(52.34% 0.012 75) */
|
|
261
|
+
--color-sand-800: oklch(41.21% 0.012 75); /** oklch(41.21% 0.012 75) */
|
|
262
|
+
--color-sand-900: oklch(30.27% 0.012 75); /** oklch(30.27% 0.012 75) */
|
|
263
|
+
--color-sand-950: oklch(19.34% 0.012 75); /** oklch(19.34% 0.012 75) */
|
|
264
|
+
--color-olive-50: oklch(98.83% 0.008 120); /** oklch(98.83% 0.008 120) */
|
|
265
|
+
--color-olive-100: oklch(96.48% 0.008 120); /** oklch(96.48% 0.008 120) */
|
|
266
|
+
--color-olive-200: oklch(91.8% 0.008 120); /** oklch(91.8% 0.008 120) */
|
|
267
|
+
--color-olive-300: oklch(85.16% 0.008 120); /** oklch(85.16% 0.008 120) */
|
|
268
|
+
--color-olive-400: oklch(78.91% 0.008 120); /** oklch(78.91% 0.008 120) */
|
|
269
|
+
--color-olive-500: oklch(72.46% 0.008 120); /** oklch(72.46% 0.008 120) */
|
|
270
|
+
--color-olive-600: oklch(61.13% 0.008 120); /** oklch(61.13% 0.008 120) */
|
|
271
|
+
--color-olive-700: oklch(52.34% 0.008 120); /** oklch(52.34% 0.008 120) */
|
|
272
|
+
--color-olive-800: oklch(41.02% 0.008 120); /** oklch(41.02% 0.008 120) */
|
|
273
|
+
--color-olive-900: oklch(30.08% 0.008 120); /** oklch(30.08% 0.008 120) */
|
|
274
|
+
--color-olive-950: oklch(19.14% 0.008 120); /** oklch(19.14% 0.008 120) */
|
|
275
|
+
--color-mauve-50: oklch(98.83% 0.008 325); /** oklch(98.83% 0.008 325) */
|
|
276
|
+
--color-mauve-100: oklch(96.68% 0.008 325); /** oklch(96.68% 0.008 325) */
|
|
277
|
+
--color-mauve-200: oklch(91.8% 0.008 325); /** oklch(91.8% 0.008 325) */
|
|
278
|
+
--color-mauve-300: oklch(85.35% 0.008 325); /** oklch(85.35% 0.008 325) */
|
|
279
|
+
--color-mauve-400: oklch(78.91% 0.008 325); /** oklch(78.91% 0.008 325) */
|
|
280
|
+
--color-mauve-500: oklch(72.66% 0.008 325); /** oklch(72.66% 0.008 325) */
|
|
281
|
+
--color-mauve-600: oklch(61.33% 0.008 325); /** oklch(61.33% 0.008 325) */
|
|
282
|
+
--color-mauve-700: oklch(52.34% 0.008 325); /** oklch(52.34% 0.008 325) */
|
|
283
|
+
--color-mauve-800: oklch(41.21% 0.008 325); /** oklch(41.21% 0.008 325) */
|
|
284
|
+
--color-mauve-900: oklch(30.27% 0.008 325); /** oklch(30.27% 0.008 325) */
|
|
285
|
+
--color-mauve-950: oklch(19.34% 0.008 325); /** oklch(19.34% 0.008 325) */
|
|
286
|
+
--color-white: oklch(1.0000 0.0000 0);
|
|
151
287
|
}
|
|
@@ -5,56 +5,58 @@
|
|
|
5
5
|
|
|
6
6
|
:root,
|
|
7
7
|
[data-theme="light"] {
|
|
8
|
-
--color-icon-default: var(--color-
|
|
9
|
-
--color-icon-secondary: var(--color-
|
|
10
|
-
--color-icon-tertiary: var(--color-
|
|
11
|
-
--color-bg-
|
|
12
|
-
--color-bg-surface-
|
|
13
|
-
--color-bg-surface-
|
|
14
|
-
--color-bg-surface-
|
|
15
|
-
--color-bg-surface-overlay: var(--color-neutral-white);
|
|
8
|
+
--color-icon-default: var(--color-zinc-700);
|
|
9
|
+
--color-icon-secondary: var(--color-zinc-600);
|
|
10
|
+
--color-icon-tertiary: var(--color-zinc-400);
|
|
11
|
+
--color-bg-surface-sunken: var(--color-white);
|
|
12
|
+
--color-bg-surface-default: var(--color-white);
|
|
13
|
+
--color-bg-surface-raised: var(--color-white);
|
|
14
|
+
--color-bg-surface-overlay: var(--color-white);
|
|
16
15
|
--color-bg-surface-inverse: var(--color-neutral-dark-surface-4);
|
|
17
|
-
--color-bg-brand-primary: var(--color-
|
|
18
|
-
--color-bg-brand-secondary: var(--color-
|
|
19
|
-
--color-bg-brand-tertiary: var(--color-
|
|
20
|
-
--color-bg-
|
|
21
|
-
--color-bg-neutral-
|
|
22
|
-
--color-bg-neutral-
|
|
23
|
-
--color-
|
|
24
|
-
--color-text-
|
|
25
|
-
--color-text-
|
|
26
|
-
--color-text-
|
|
27
|
-
--color-text-
|
|
28
|
-
--color-text-
|
|
29
|
-
--color-text-
|
|
30
|
-
--color-
|
|
31
|
-
--color-border-
|
|
32
|
-
--color-
|
|
33
|
-
--color-
|
|
34
|
-
--color-action-icon-brand-
|
|
35
|
-
--color-action-icon-brand-
|
|
36
|
-
--color-action-icon-brand-
|
|
37
|
-
--color-action-icon-brand-on-brand-
|
|
38
|
-
--color-action-bg-brand-default: var(--color-
|
|
39
|
-
--color-action-bg-brand-default-hover: var(--color-
|
|
40
|
-
--color-action-bg-brand-active: var(--color-
|
|
41
|
-
--color-action-
|
|
42
|
-
--color-action-text-brand-
|
|
43
|
-
--color-action-text-brand-
|
|
44
|
-
--color-action-
|
|
45
|
-
--color-action-
|
|
46
|
-
--color-action-border-
|
|
16
|
+
--color-bg-brand-primary: var(--color-accent-600);
|
|
17
|
+
--color-bg-brand-secondary: var(--color-accent-300);
|
|
18
|
+
--color-bg-brand-tertiary: var(--color-accent-100);
|
|
19
|
+
--color-bg-drag-handle: var(--color-bg-neutral-tertiary);
|
|
20
|
+
--color-bg-neutral-default: var(--color-zinc-800);
|
|
21
|
+
--color-bg-neutral-secondary: var(--color-zinc-700);
|
|
22
|
+
--color-bg-neutral-tertiary: var(--color-zinc-100);
|
|
23
|
+
--color-text-contrast: var(--color-zinc-900);
|
|
24
|
+
--color-text-default: var(--color-zinc-800);
|
|
25
|
+
--color-text-subtle: var(--color-zinc-700);
|
|
26
|
+
--color-text-accent: var(--color-accent-700);
|
|
27
|
+
--color-text-contrast-on-dark-bg: var(--color-zinc-100);
|
|
28
|
+
--color-text-default-on-dark-bg: var(--color-zinc-200);
|
|
29
|
+
--color-text-subtle-on-dark-bg: var(--color-zinc-300);
|
|
30
|
+
--color-border-default: var(--color-zinc-300);
|
|
31
|
+
--color-border-secondary: var(--color-zinc-200);
|
|
32
|
+
--color-border-brand-default: var(--color-accent-200);
|
|
33
|
+
--color-action-icon-brand-default: var(--color-accent-600);
|
|
34
|
+
--color-action-icon-brand-default-hover: var(--color-accent-700);
|
|
35
|
+
--color-action-icon-brand-active: var(--color-accent-50);
|
|
36
|
+
--color-action-icon-brand-on-brand-bg: var(--color-white);
|
|
37
|
+
--color-action-bg-brand-default: var(--color-accent-600);
|
|
38
|
+
--color-action-bg-brand-default-hover: var(--color-accent-700);
|
|
39
|
+
--color-action-bg-brand-active: var(--color-accent-100);
|
|
40
|
+
--color-action-bg-brand-hover: var(--color-accent-50);
|
|
41
|
+
--color-action-text-brand-default: var(--color-accent-700);
|
|
42
|
+
--color-action-text-brand-secondary: var(--color-accent-600);
|
|
43
|
+
--color-action-text-brand-active: var(--color-accent-700);
|
|
44
|
+
--color-action-text-brand-on-brand-default: var(--color-white);
|
|
45
|
+
--color-action-border-default: var(--color-zinc-700);
|
|
46
|
+
--color-action-border-secondary: var(--color-zinc-600);
|
|
47
|
+
--color-action-border-active: var(--color-accent-600);
|
|
48
|
+
--color-action-border-brand-default: var(--color-accent-600);
|
|
49
|
+
--color-action-border-brand-default-hover: var(--color-accent-700);
|
|
47
50
|
--color-feedback-negative-text: var(--color-red-700);
|
|
48
51
|
--color-feedback-negative-icon: var(--color-red-500);
|
|
49
52
|
--color-feedback-negative-bg: var(--color-red-100);
|
|
50
53
|
--color-feedback-warning-text: var(--color-yellow-700);
|
|
51
54
|
--color-feedback-warning-icon: var(--color-yellow-500);
|
|
52
55
|
--color-feedback-warning-bg: var(--color-yellow-100);
|
|
53
|
-
--color-feedback-positive-text: var(--color-
|
|
54
|
-
--color-feedback-positive-icon: var(--color-
|
|
55
|
-
--color-feedback-positive-bg: var(--color-
|
|
56
|
-
--color-feedback-informative-text: var(--color-
|
|
57
|
-
--color-feedback-informative-icon: var(--color-
|
|
58
|
-
--color-feedback-informative-bg: var(--color-
|
|
59
|
-
--hue-green: var(--#4ff0b744);
|
|
56
|
+
--color-feedback-positive-text: var(--color-teal-700);
|
|
57
|
+
--color-feedback-positive-icon: var(--color-teal-500);
|
|
58
|
+
--color-feedback-positive-bg: var(--color-teal-100);
|
|
59
|
+
--color-feedback-informative-text: var(--color-sky-700);
|
|
60
|
+
--color-feedback-informative-icon: var(--color-sky-500);
|
|
61
|
+
--color-feedback-informative-bg: var(--color-sky-100);
|
|
60
62
|
}
|
|
@@ -4,56 +4,58 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
[data-theme="dark"] {
|
|
7
|
-
--color-icon-default: var(--color-
|
|
8
|
-
--color-icon-secondary: var(--color-
|
|
9
|
-
--color-icon-tertiary: var(--color-
|
|
10
|
-
--color-bg-drag-handle: var(--color-white-alpha-16);
|
|
7
|
+
--color-icon-default: var(--color-zinc-300);
|
|
8
|
+
--color-icon-secondary: var(--color-zinc-400);
|
|
9
|
+
--color-icon-tertiary: var(--color-zinc-600);
|
|
11
10
|
--color-bg-surface-sunken: var(--color-neutral-dark-surface-1);
|
|
12
11
|
--color-bg-surface-default: var(--color-neutral-dark-surface-2);
|
|
13
12
|
--color-bg-surface-raised: var(--color-neutral-dark-surface-3);
|
|
14
13
|
--color-bg-surface-overlay: var(--color-neutral-dark-surface-5);
|
|
15
14
|
--color-bg-surface-inverse: var(--color-neutral-dark-surface-4);
|
|
16
|
-
--color-bg-brand-primary: var(--color-
|
|
17
|
-
--color-bg-brand-secondary: var(--color-
|
|
18
|
-
--color-bg-brand-tertiary: var(--color-
|
|
19
|
-
--color-bg-
|
|
20
|
-
--color-bg-neutral-
|
|
21
|
-
--color-bg-neutral-
|
|
22
|
-
--color-
|
|
23
|
-
--color-text-
|
|
24
|
-
--color-text-
|
|
25
|
-
--color-text-
|
|
26
|
-
--color-text-
|
|
27
|
-
--color-text-
|
|
28
|
-
--color-text-
|
|
29
|
-
--color-
|
|
30
|
-
--color-border-
|
|
31
|
-
--color-
|
|
32
|
-
--color-
|
|
33
|
-
--color-action-icon-brand-
|
|
34
|
-
--color-action-icon-brand-
|
|
35
|
-
--color-action-icon-brand-
|
|
36
|
-
--color-action-icon-brand-on-brand-
|
|
37
|
-
--color-action-bg-brand-default: var(--color-
|
|
38
|
-
--color-action-bg-brand-default-hover: var(--color-
|
|
39
|
-
--color-action-bg-brand-active: var(--color-
|
|
40
|
-
--color-action-
|
|
41
|
-
--color-action-text-brand-
|
|
42
|
-
--color-action-text-brand-
|
|
43
|
-
--color-action-
|
|
44
|
-
--color-action-
|
|
45
|
-
--color-action-border-
|
|
46
|
-
--color-
|
|
47
|
-
--color-
|
|
48
|
-
--color-
|
|
49
|
-
--color-
|
|
50
|
-
--color-feedback-
|
|
51
|
-
--color-feedback-
|
|
52
|
-
--color-feedback-
|
|
53
|
-
--color-feedback-
|
|
54
|
-
--color-feedback-
|
|
55
|
-
--color-feedback-
|
|
56
|
-
--color-feedback-
|
|
57
|
-
--color-feedback-
|
|
58
|
-
--
|
|
15
|
+
--color-bg-brand-primary: var(--color-accent-400);
|
|
16
|
+
--color-bg-brand-secondary: var(--color-accent-700);
|
|
17
|
+
--color-bg-brand-tertiary: var(--color-accent-900);
|
|
18
|
+
--color-bg-drag-handle: var(--color-bg-neutral-tertiary);
|
|
19
|
+
--color-bg-neutral-default: var(--color-zinc-200);
|
|
20
|
+
--color-bg-neutral-secondary: var(--color-zinc-300);
|
|
21
|
+
--color-bg-neutral-tertiary: var(--color-zinc-900);
|
|
22
|
+
--color-text-contrast: var(--color-zinc-100);
|
|
23
|
+
--color-text-default: var(--color-zinc-200);
|
|
24
|
+
--color-text-subtle: var(--color-zinc-300);
|
|
25
|
+
--color-text-accent: var(--color-accent-300);
|
|
26
|
+
--color-text-contrast-on-dark-bg: var(--color-zinc-100);
|
|
27
|
+
--color-text-default-on-dark-bg: var(--color-zinc-200);
|
|
28
|
+
--color-text-subtle-on-dark-bg: var(--color-zinc-300);
|
|
29
|
+
--color-border-default: var(--color-zinc-700);
|
|
30
|
+
--color-border-secondary: var(--color-zinc-800);
|
|
31
|
+
--color-border-brand-default: var(--color-accent-800);
|
|
32
|
+
--color-action-icon-brand-default: var(--color-accent-400);
|
|
33
|
+
--color-action-icon-brand-default-hover: var(--color-accent-300);
|
|
34
|
+
--color-action-icon-brand-active: var(--color-accent-950);
|
|
35
|
+
--color-action-icon-brand-on-brand-bg: var(--color-accent-950);
|
|
36
|
+
--color-action-bg-brand-default: var(--color-accent-400);
|
|
37
|
+
--color-action-bg-brand-default-hover: var(--color-accent-300);
|
|
38
|
+
--color-action-bg-brand-active: var(--color-accent-900);
|
|
39
|
+
--color-action-bg-brand-hover: var(--color-accent-950);
|
|
40
|
+
--color-action-text-brand-default: var(--color-accent-300);
|
|
41
|
+
--color-action-text-brand-secondary: var(--color-accent-400);
|
|
42
|
+
--color-action-text-brand-active: var(--color-accent-300);
|
|
43
|
+
--color-action-text-brand-on-brand-default: var(--color-accent-900);
|
|
44
|
+
--color-action-border-default: var(--color-zinc-300);
|
|
45
|
+
--color-action-border-secondary: var(--color-zinc-400);
|
|
46
|
+
--color-action-border-active: var(--color-accent-400);
|
|
47
|
+
--color-action-border-brand-default: var(--color-accent-400);
|
|
48
|
+
--color-action-border-brand-default-hover: var(--color-accent-300);
|
|
49
|
+
--color-feedback-negative-text: var(--color-red-300);
|
|
50
|
+
--color-feedback-negative-icon: var(--color-red-500);
|
|
51
|
+
--color-feedback-negative-bg: var(--color-red-900);
|
|
52
|
+
--color-feedback-warning-text: var(--color-yellow-300);
|
|
53
|
+
--color-feedback-warning-icon: var(--color-yellow-500);
|
|
54
|
+
--color-feedback-warning-bg: var(--color-yellow-900);
|
|
55
|
+
--color-feedback-positive-text: var(--color-teal-300);
|
|
56
|
+
--color-feedback-positive-icon: var(--color-teal-500);
|
|
57
|
+
--color-feedback-positive-bg: var(--color-teal-900);
|
|
58
|
+
--color-feedback-informative-text: var(--color-sky-300);
|
|
59
|
+
--color-feedback-informative-icon: var(--color-sky-500);
|
|
60
|
+
--color-feedback-informative-bg: var(--color-sky-900);
|
|
59
61
|
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
*
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--color-accent-50: var(--color-emerald-50);
|
|
8
|
+
--color-accent-100: var(--color-emerald-100);
|
|
9
|
+
--color-accent-200: var(--color-emerald-200);
|
|
10
|
+
--color-accent-300: var(--color-emerald-300);
|
|
11
|
+
--color-accent-400: var(--color-emerald-400);
|
|
12
|
+
--color-accent-500: var(--color-emerald-500);
|
|
13
|
+
--color-accent-600: var(--color-emerald-600);
|
|
14
|
+
--color-accent-700: var(--color-emerald-700);
|
|
15
|
+
--color-accent-800: var(--color-emerald-800);
|
|
16
|
+
--color-accent-900: var(--color-emerald-900);
|
|
17
|
+
--color-accent-950: var(--color-emerald-950);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
[data-theme="blue"] {
|
|
21
|
+
--color-accent-50: var(--color-blue-50);
|
|
22
|
+
--color-accent-100: var(--color-blue-100);
|
|
23
|
+
--color-accent-200: var(--color-blue-200);
|
|
24
|
+
--color-accent-300: var(--color-blue-300);
|
|
25
|
+
--color-accent-400: var(--color-blue-400);
|
|
26
|
+
--color-accent-500: var(--color-blue-500);
|
|
27
|
+
--color-accent-600: var(--color-blue-600);
|
|
28
|
+
--color-accent-700: var(--color-blue-700);
|
|
29
|
+
--color-accent-800: var(--color-blue-800);
|
|
30
|
+
--color-accent-900: var(--color-blue-900);
|
|
31
|
+
--color-accent-950: var(--color-blue-950);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
[data-theme="monochrome"] {
|
|
35
|
+
--color-accent-50: var(--color-zinc-50);
|
|
36
|
+
--color-accent-100: var(--color-zinc-100);
|
|
37
|
+
--color-accent-200: var(--color-zinc-200);
|
|
38
|
+
--color-accent-300: var(--color-zinc-300);
|
|
39
|
+
--color-accent-400: var(--color-zinc-400);
|
|
40
|
+
--color-accent-500: var(--color-zinc-500);
|
|
41
|
+
--color-accent-600: var(--color-zinc-600);
|
|
42
|
+
--color-accent-700: var(--color-zinc-700);
|
|
43
|
+
--color-accent-800: var(--color-zinc-800);
|
|
44
|
+
--color-accent-900: var(--color-zinc-900);
|
|
45
|
+
--color-accent-950: var(--color-zinc-950);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
[data-theme="yellow"] {
|
|
49
|
+
--color-accent-50: var(--color-yellow-50);
|
|
50
|
+
--color-accent-100: var(--color-yellow-100);
|
|
51
|
+
--color-accent-200: var(--color-yellow-200);
|
|
52
|
+
--color-accent-300: var(--color-yellow-300);
|
|
53
|
+
--color-accent-400: var(--color-yellow-400);
|
|
54
|
+
--color-accent-500: var(--color-yellow-500);
|
|
55
|
+
--color-accent-600: var(--color-yellow-600);
|
|
56
|
+
--color-accent-700: var(--color-yellow-700);
|
|
57
|
+
--color-accent-800: var(--color-yellow-800);
|
|
58
|
+
--color-accent-900: var(--color-yellow-900);
|
|
59
|
+
--color-accent-950: var(--color-yellow-950);
|
|
60
|
+
}
|