snapshot-labs-theme 0.1.48 → 0.1.50
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 +279 -145
- package/build/css/semantic/colors.css +45 -43
- package/build/css/semantic/colors.dark.css +49 -47
- package/package.json +1 -1
|
@@ -3,149 +3,283 @@
|
|
|
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(0.9882 0.0043 17.65); /** oklch(98.83% 0.005 20) */
|
|
7
|
+
--color-red-100: oklch(0.9653 0.0141 17.52); /** oklch(96.68% 0.017 20) */
|
|
8
|
+
--color-red-200: oklch(0.9187 0.0335 22.38); /** oklch(92.19% 0.042 20) */
|
|
9
|
+
--color-red-300: oklch(0.8564 0.0635 20.91); /** oklch(86.13% 0.078 20) */
|
|
10
|
+
--color-red-400: oklch(0.7941 0.0931 21.00); /** oklch(80.08% 0.114 20) */
|
|
11
|
+
--color-red-500: oklch(0.7319 0.1239 21.13); /** oklch(74.22% 0.152 20) */
|
|
12
|
+
--color-red-600: oklch(0.6181 0.1126 20.84); /** oklch(62.7% 0.136 20) */
|
|
13
|
+
--color-red-700: oklch(0.5279 0.0959 20.82); /** oklch(53.52% 0.116 20) */
|
|
14
|
+
--color-red-800: oklch(0.4153 0.0749 20.79); /** oklch(41.99% 0.091 20) */
|
|
15
|
+
--color-red-900: oklch(0.3033 0.0536 22.45); /** oklch(30.66% 0.066 20) */
|
|
16
|
+
--color-red-950: oklch(0.1898 0.0344 20.81); /** oklch(19.34% 0.041 20) */
|
|
17
|
+
--color-orange-50: oklch(0.9871 0.0035 39.82); /** oklch(98.83% 0.005 43.33) */
|
|
18
|
+
--color-orange-100: oklch(0.9654 0.0137 46.30); /** oklch(96.68% 0.017 43.33) */
|
|
19
|
+
--color-orange-200: oklch(0.9193 0.0348 47.41); /** oklch(92.19% 0.042 43.33) */
|
|
20
|
+
--color-orange-300: oklch(0.8546 0.0645 46.45); /** oklch(85.94% 0.078 43.33) */
|
|
21
|
+
--color-orange-400: oklch(0.7937 0.0951 46.82); /** oklch(79.88% 0.114 43.33) */
|
|
22
|
+
--color-orange-500: oklch(0.7310 0.1268 45.76); /** oklch(73.83% 0.152 43.33) */
|
|
23
|
+
--color-orange-600: oklch(0.6149 0.1136 45.67); /** oklch(62.3% 0.136 43.33) */
|
|
24
|
+
--color-orange-700: oklch(0.5254 0.0970 45.50); /** oklch(53.13% 0.116 43.33) */
|
|
25
|
+
--color-orange-800: oklch(0.4137 0.0761 45.60); /** oklch(41.8% 0.091 43.33) */
|
|
26
|
+
--color-orange-900: oklch(0.3029 0.0553 46.49); /** oklch(30.47% 0.066 43.33) */
|
|
27
|
+
--color-orange-950: oklch(0.1883 0.0347 45.54); /** oklch(19.14% 0.041 43.33) */
|
|
28
|
+
--color-amber-50: oklch(0.9888 0.0045 78.25); /** oklch(98.83% 0.005 66.67) */
|
|
29
|
+
--color-amber-100: oklch(0.9657 0.0155 67.65); /** oklch(96.68% 0.017 66.67) */
|
|
30
|
+
--color-amber-200: oklch(0.9191 0.0370 72.60); /** oklch(91.99% 0.042 66.67) */
|
|
31
|
+
--color-amber-300: oklch(0.8539 0.0668 69.69); /** oklch(85.74% 0.078 66.67) */
|
|
32
|
+
--color-amber-400: oklch(0.7916 0.0989 70.04); /** oklch(79.49% 0.114 66.67) */
|
|
33
|
+
--color-amber-500: oklch(0.7262 0.1300 68.83); /** oklch(73.24% 0.152 66.67) */
|
|
34
|
+
--color-amber-600: oklch(0.6140 0.1163 69.06); /** oklch(61.91% 0.136 66.67) */
|
|
35
|
+
--color-amber-700: oklch(0.5226 0.0988 69.23); /** oklch(52.73% 0.116 66.67) */
|
|
36
|
+
--color-amber-800: oklch(0.4117 0.0777 68.59); /** oklch(41.41% 0.091 66.67) */
|
|
37
|
+
--color-amber-900: oklch(0.3002 0.0565 68.96); /** oklch(30.27% 0.066 66.67) */
|
|
38
|
+
--color-amber-950: oklch(0.1915 0.0344 69.21); /** oklch(19.14% 0.041 66.67) */
|
|
39
|
+
--color-yellow-50: oklch(0.9880 0.0041 91.27); /** oklch(98.83% 0.005 90) */
|
|
40
|
+
--color-yellow-100: oklch(0.9642 0.0152 90.19); /** oklch(96.48% 0.017 90) */
|
|
41
|
+
--color-yellow-200: oklch(0.9187 0.0383 92.22); /** oklch(91.8% 0.042 90) */
|
|
42
|
+
--color-yellow-300: oklch(0.8531 0.0694 91.80); /** oklch(85.35% 0.078 90) */
|
|
43
|
+
--color-yellow-400: oklch(0.7877 0.1001 91.74); /** oklch(78.91% 0.114 90) */
|
|
44
|
+
--color-yellow-500: oklch(0.7245 0.1319 90.89); /** oklch(72.66% 0.152 90) */
|
|
45
|
+
--color-yellow-600: oklch(0.6103 0.1179 91.66); /** oklch(61.13% 0.136 90) */
|
|
46
|
+
--color-yellow-700: oklch(0.5228 0.1007 91.51); /** oklch(52.34% 0.116 90) */
|
|
47
|
+
--color-yellow-800: oklch(0.4092 0.0785 91.08); /** oklch(41.02% 0.091 90) */
|
|
48
|
+
--color-yellow-900: oklch(0.2986 0.0562 90.90); /** oklch(30.08% 0.066 90) */
|
|
49
|
+
--color-yellow-950: oklch(0.1906 0.0343 89.42); /** oklch(19.14% 0.041 90) */
|
|
50
|
+
--color-lime-50: oklch(0.9873 0.0040 106.16); /** oklch(98.83% 0.005 106.67) */
|
|
51
|
+
--color-lime-100: oklch(0.9642 0.0146 106.59); /** oklch(96.48% 0.017 106.67) */
|
|
52
|
+
--color-lime-200: oklch(0.9173 0.0384 107.10); /** oklch(91.6% 0.042 106.67) */
|
|
53
|
+
--color-lime-300: oklch(0.8516 0.0698 106.87); /** oklch(84.96% 0.078 106.67) */
|
|
54
|
+
--color-lime-400: oklch(0.7864 0.1013 106.60); /** oklch(78.52% 0.114 106.67) */
|
|
55
|
+
--color-lime-500: oklch(0.7221 0.1320 106.29); /** oklch(72.07% 0.152 106.67) */
|
|
56
|
+
--color-lime-600: oklch(0.6093 0.1184 106.54); /** oklch(60.74% 0.136 106.67) */
|
|
57
|
+
--color-lime-700: oklch(0.5193 0.1000 106.56); /** oklch(51.95% 0.116 106.67) */
|
|
58
|
+
--color-lime-800: oklch(0.4108 0.0790 106.54); /** oklch(40.82% 0.091 106.67) */
|
|
59
|
+
--color-lime-900: oklch(0.2984 0.0569 106.51); /** oklch(29.88% 0.066 106.67) */
|
|
60
|
+
--color-lime-950: oklch(0.1912 0.0362 106.84); /** oklch(18.95% 0.041 106.67) */
|
|
61
|
+
--color-green-50: oklch(0.9895 0.0041 121.16); /** oklch(98.83% 0.005 123.33) */
|
|
62
|
+
--color-green-100: oklch(0.9638 0.0164 121.67); /** oklch(96.29% 0.017 123.33) */
|
|
63
|
+
--color-green-200: oklch(0.9147 0.0369 120.52); /** oklch(91.41% 0.042 123.33) */
|
|
64
|
+
--color-green-300: oklch(0.8489 0.0687 121.42); /** oklch(84.77% 0.078 123.33) */
|
|
65
|
+
--color-green-400: oklch(0.7847 0.0991 121.19); /** oklch(78.13% 0.114 123.33) */
|
|
66
|
+
--color-green-500: oklch(0.7194 0.1313 121.84); /** oklch(71.48% 0.152 123.33) */
|
|
67
|
+
--color-green-600: oklch(0.6074 0.1170 121.82); /** oklch(60.35% 0.136 123.33) */
|
|
68
|
+
--color-green-700: oklch(0.5187 0.0992 121.18); /** oklch(51.56% 0.116 123.33) */
|
|
69
|
+
--color-green-800: oklch(0.4074 0.0779 121.58); /** oklch(40.43% 0.091 123.33) */
|
|
70
|
+
--color-green-900: oklch(0.2995 0.0572 121.78); /** oklch(29.69% 0.066 123.33) */
|
|
71
|
+
--color-green-950: oklch(0.1892 0.0353 121.85); /** oklch(18.75% 0.041 123.33) */
|
|
72
|
+
--color-emerald-50: oklch(0.9887 0.0045 134.42); /** oklch(98.83% 0.005 140) */
|
|
73
|
+
--color-emerald-100: oklch(0.9651 0.0151 135.96); /** oklch(96.29% 0.017 140) */
|
|
74
|
+
--color-emerald-200: oklch(0.9151 0.0357 137.43); /** oklch(91.41% 0.042 140) */
|
|
75
|
+
--color-emerald-300: oklch(0.8489 0.0666 136.23); /** oklch(84.57% 0.078 140) */
|
|
76
|
+
--color-emerald-400: oklch(0.7825 0.0972 136.83); /** oklch(77.73% 0.114 140) */
|
|
77
|
+
--color-emerald-500: oklch(0.7173 0.1274 136.76); /** oklch(71.09% 0.152 140) */
|
|
78
|
+
--color-emerald-600: oklch(0.6043 0.1141 136.72); /** oklch(59.77% 0.136 140) */
|
|
79
|
+
--color-emerald-700: oklch(0.5173 0.0976 137.16); /** oklch(51.17% 0.116 140) */
|
|
80
|
+
--color-emerald-800: oklch(0.4042 0.0748 136.69); /** oklch(40.04% 0.091 140) */
|
|
81
|
+
--color-emerald-900: oklch(0.2995 0.0556 136.68); /** oklch(29.49% 0.066 140) */
|
|
82
|
+
--color-emerald-950: oklch(0.1890 0.0333 137.61); /** oklch(18.75% 0.041 140) */
|
|
83
|
+
--color-teal-50: oklch(0.9882 0.0041 156.65); /** oklch(98.83% 0.005 160) */
|
|
84
|
+
--color-teal-100: oklch(0.9637 0.0140 155.44); /** oklch(96.29% 0.017 160) */
|
|
85
|
+
--color-teal-200: oklch(0.9143 0.0341 157.55); /** oklch(91.21% 0.042 160) */
|
|
86
|
+
--color-teal-300: oklch(0.8478 0.0626 157.10); /** oklch(84.38% 0.078 160) */
|
|
87
|
+
--color-teal-400: oklch(0.7820 0.0917 156.44); /** oklch(77.54% 0.114 160) */
|
|
88
|
+
--color-teal-500: oklch(0.7133 0.1211 156.50); /** oklch(70.51% 0.152 160) */
|
|
89
|
+
--color-teal-600: oklch(0.6023 0.1079 156.62); /** oklch(59.38% 0.136 160) */
|
|
90
|
+
--color-teal-700: oklch(0.5144 0.0923 156.44); /** oklch(50.78% 0.116 160) */
|
|
91
|
+
--color-teal-800: oklch(0.4030 0.0723 156.40); /** oklch(39.84% 0.091 160) */
|
|
92
|
+
--color-teal-900: oklch(0.2943 0.0512 157.20); /** oklch(29.1% 0.066 160) */
|
|
93
|
+
--color-teal-950: oklch(0.1858 0.0314 156.54); /** oklch(18.36% 0.041 160) */
|
|
94
|
+
--color-cyan-50: oklch(0.9885 0.0034 173.86); /** oklch(98.83% 0.005 180) */
|
|
95
|
+
--color-cyan-100: oklch(0.9634 0.0133 179.32); /** oklch(96.29% 0.017 180) */
|
|
96
|
+
--color-cyan-200: oklch(0.9154 0.0342 178.17); /** oklch(91.21% 0.042 180) */
|
|
97
|
+
--color-cyan-300: oklch(0.8486 0.0612 179.07); /** oklch(84.38% 0.078 180) */
|
|
98
|
+
--color-cyan-400: oklch(0.7799 0.0873 178.68); /** oklch(77.34% 0.114 180) */
|
|
99
|
+
--color-cyan-500: oklch(0.7141 0.1151 178.94); /** oklch(70.51% 0.152 180) */
|
|
100
|
+
--color-cyan-600: oklch(0.6001 0.1029 178.68); /** oklch(59.18% 0.136 180) */
|
|
101
|
+
--color-cyan-700: oklch(0.5129 0.0873 179.21); /** oklch(50.59% 0.116 180) */
|
|
102
|
+
--color-cyan-800: oklch(0.4017 0.0684 179.30); /** oklch(39.65% 0.091 180) */
|
|
103
|
+
--color-cyan-900: oklch(0.2929 0.0498 178.02); /** oklch(28.91% 0.066 180) */
|
|
104
|
+
--color-cyan-950: oklch(0.1850 0.0303 179.42); /** oklch(18.16% 0.041 180) */
|
|
105
|
+
--color-sky-50: oklch(0.9891 0.0034 219.18); /** oklch(98.83% 0.005 210) */
|
|
106
|
+
--color-sky-100: oklch(0.9643 0.0143 213.00); /** oklch(96.29% 0.017 210) */
|
|
107
|
+
--color-sky-200: oklch(0.9168 0.0338 212.81); /** oklch(91.41% 0.042 210) */
|
|
108
|
+
--color-sky-300: oklch(0.8500 0.0618 213.04); /** oklch(84.57% 0.078 210) */
|
|
109
|
+
--color-sky-400: oklch(0.7823 0.0897 215.02); /** oklch(77.73% 0.114 210) */
|
|
110
|
+
--color-sky-500: oklch(0.7172 0.1178 214.48); /** oklch(70.9% 0.152 210) */
|
|
111
|
+
--color-sky-600: oklch(0.6017 0.1054 215.13); /** oklch(59.57% 0.136 210) */
|
|
112
|
+
--color-sky-700: oklch(0.5146 0.0896 214.48); /** oklch(50.78% 0.116 210) */
|
|
113
|
+
--color-sky-800: oklch(0.4039 0.0701 214.49); /** oklch(39.84% 0.091 210) */
|
|
114
|
+
--color-sky-900: oklch(0.2957 0.0506 213.75); /** oklch(29.1% 0.066 210) */
|
|
115
|
+
--color-sky-950: oklch(0.1847 0.0308 214.31); /** oklch(18.16% 0.041 210) */
|
|
116
|
+
--color-blue-50: oklch(0.9894 0.0041 236.34); /** oklch(98.83% 0.005 240) */
|
|
117
|
+
--color-blue-100: oklch(0.9657 0.0144 244.69); /** oklch(96.48% 0.017 240) */
|
|
118
|
+
--color-blue-200: oklch(0.9172 0.0367 244.40); /** oklch(91.6% 0.042 240) */
|
|
119
|
+
--color-blue-300: oklch(0.8522 0.0671 244.55); /** oklch(84.96% 0.078 240) */
|
|
120
|
+
--color-blue-400: oklch(0.7863 0.0986 245.70); /** oklch(78.32% 0.114 240) */
|
|
121
|
+
--color-blue-500: oklch(0.7216 0.1311 246.12); /** oklch(71.88% 0.152 240) */
|
|
122
|
+
--color-blue-600: oklch(0.6075 0.1185 246.35); /** oklch(60.55% 0.136 240) */
|
|
123
|
+
--color-blue-700: oklch(0.5210 0.0999 245.68); /** oklch(51.76% 0.116 240) */
|
|
124
|
+
--color-blue-800: oklch(0.4077 0.0790 246.73); /** oklch(40.63% 0.091 240) */
|
|
125
|
+
--color-blue-900: oklch(0.2992 0.0564 245.47); /** oklch(29.69% 0.066 240) */
|
|
126
|
+
--color-blue-950: oklch(0.1890 0.0349 244.31); /** oklch(18.75% 0.041 240) */
|
|
127
|
+
--color-indigo-50: oklch(0.9882 0.0041 271.54); /** oklch(98.83% 0.005 260) */
|
|
128
|
+
--color-indigo-100: oklch(0.9655 0.0148 260.75); /** oklch(96.48% 0.017 260) */
|
|
129
|
+
--color-indigo-200: oklch(0.9191 0.0373 262.15); /** oklch(91.8% 0.042 260) */
|
|
130
|
+
--color-indigo-300: oklch(0.8526 0.0708 263.71); /** oklch(85.35% 0.078 260) */
|
|
131
|
+
--color-indigo-400: oklch(0.7897 0.1043 263.70); /** oklch(78.91% 0.114 260) */
|
|
132
|
+
--color-indigo-500: oklch(0.7261 0.1397 263.88); /** oklch(72.66% 0.152 260) */
|
|
133
|
+
--color-indigo-600: oklch(0.6139 0.1245 263.70); /** oklch(61.33% 0.136 260) */
|
|
134
|
+
--color-indigo-700: oklch(0.5237 0.1059 263.84); /** oklch(52.34% 0.116 260) */
|
|
135
|
+
--color-indigo-800: oklch(0.4108 0.0838 264.08); /** oklch(41.21% 0.091 260) */
|
|
136
|
+
--color-indigo-900: oklch(0.3005 0.0600 263.62); /** oklch(30.08% 0.066 260) */
|
|
137
|
+
--color-indigo-950: oklch(0.1925 0.0372 262.26); /** oklch(19.14% 0.041 260) */
|
|
138
|
+
--color-violet-50: oklch(0.9882 0.0041 271.54); /** oklch(98.83% 0.005 280) */
|
|
139
|
+
--color-violet-100: oklch(0.9639 0.0160 282.34); /** oklch(96.48% 0.017 280) */
|
|
140
|
+
--color-violet-200: oklch(0.9191 0.0381 280.79); /** oklch(91.99% 0.042 280) */
|
|
141
|
+
--color-violet-300: oklch(0.8557 0.0724 280.46); /** oklch(85.74% 0.078 280) */
|
|
142
|
+
--color-violet-400: oklch(0.7934 0.1049 280.74); /** oklch(79.49% 0.114 280) */
|
|
143
|
+
--color-violet-500: oklch(0.7307 0.1422 280.51); /** oklch(73.44% 0.152 280) */
|
|
144
|
+
--color-violet-600: oklch(0.6154 0.1271 280.96); /** oklch(61.91% 0.136 280) */
|
|
145
|
+
--color-violet-700: oklch(0.5266 0.1089 280.73); /** oklch(52.93% 0.116 280) */
|
|
146
|
+
--color-violet-800: oklch(0.4134 0.0844 280.33); /** oklch(41.6% 0.091 280) */
|
|
147
|
+
--color-violet-900: oklch(0.3025 0.0625 280.74); /** oklch(30.47% 0.066 280) */
|
|
148
|
+
--color-violet-950: oklch(0.1922 0.0381 279.88); /** oklch(19.34% 0.041 280) */
|
|
149
|
+
--color-purple-50: oklch(0.9889 0.0039 286.64); /** oklch(98.83% 0.005 300) */
|
|
150
|
+
--color-purple-100: oklch(0.9666 0.0149 298.67); /** oklch(96.68% 0.017 300) */
|
|
151
|
+
--color-purple-200: oklch(0.9207 0.0384 297.12); /** oklch(92.19% 0.042 300) */
|
|
152
|
+
--color-purple-300: oklch(0.8555 0.0716 298.36); /** oklch(85.94% 0.078 300) */
|
|
153
|
+
--color-purple-400: oklch(0.7956 0.1041 297.85); /** oklch(79.88% 0.114 300) */
|
|
154
|
+
--color-purple-500: oklch(0.7322 0.1387 297.77); /** oklch(73.83% 0.152 300) */
|
|
155
|
+
--color-purple-600: oklch(0.6191 0.1247 297.65); /** oklch(62.5% 0.136 300) */
|
|
156
|
+
--color-purple-700: oklch(0.5295 0.1063 297.57); /** oklch(53.32% 0.116 300) */
|
|
157
|
+
--color-purple-800: oklch(0.4150 0.0830 297.42); /** oklch(41.8% 0.091 300) */
|
|
158
|
+
--color-purple-900: oklch(0.3033 0.0613 298.99); /** oklch(30.66% 0.066 300) */
|
|
159
|
+
--color-purple-950: oklch(0.1950 0.0363 298.34); /** oklch(19.53% 0.041 300) */
|
|
160
|
+
--color-fuchsia-50: oklch(0.9875 0.0044 315.25); /** oklch(98.83% 0.005 320) */
|
|
161
|
+
--color-fuchsia-100: oklch(0.9664 0.0151 316.10); /** oklch(96.68% 0.017 320) */
|
|
162
|
+
--color-fuchsia-200: oklch(0.9191 0.0374 317.75); /** oklch(92.19% 0.042 320) */
|
|
163
|
+
--color-fuchsia-300: oklch(0.8573 0.0685 315.94); /** oklch(86.13% 0.078 320) */
|
|
164
|
+
--color-fuchsia-400: oklch(0.7943 0.1002 316.79); /** oklch(80.08% 0.114 320) */
|
|
165
|
+
--color-fuchsia-500: oklch(0.7333 0.1343 316.44); /** oklch(74.22% 0.152 320) */
|
|
166
|
+
--color-fuchsia-600: oklch(0.6202 0.1201 316.82); /** oklch(62.7% 0.136 320) */
|
|
167
|
+
--color-fuchsia-700: oklch(0.5297 0.1021 316.51); /** oklch(53.52% 0.116 320) */
|
|
168
|
+
--color-fuchsia-800: oklch(0.4150 0.0808 316.44); /** oklch(41.99% 0.091 320) */
|
|
169
|
+
--color-fuchsia-900: oklch(0.3052 0.0596 316.69); /** oklch(30.86% 0.066 320) */
|
|
170
|
+
--color-fuchsia-950: oklch(0.1930 0.0360 317.42); /** oklch(19.53% 0.041 320) */
|
|
171
|
+
--color-pink-50: oklch(0.9880 0.0041 337.89); /** oklch(98.83% 0.005 340) */
|
|
172
|
+
--color-pink-100: oklch(0.9649 0.0141 336.30); /** oklch(96.68% 0.017 340) */
|
|
173
|
+
--color-pink-200: oklch(0.9220 0.0345 336.27); /** oklch(92.38% 0.042 340) */
|
|
174
|
+
--color-pink-300: oklch(0.8585 0.0643 337.05); /** oklch(86.33% 0.078 340) */
|
|
175
|
+
--color-pink-400: oklch(0.7965 0.0958 337.17); /** oklch(80.27% 0.114 340) */
|
|
176
|
+
--color-pink-500: oklch(0.7340 0.1294 336.64); /** oklch(74.41% 0.152 340) */
|
|
177
|
+
--color-pink-600: oklch(0.6212 0.1154 336.78); /** oklch(62.89% 0.136 340) */
|
|
178
|
+
--color-pink-700: oklch(0.5285 0.0982 336.98); /** oklch(53.71% 0.116 340) */
|
|
179
|
+
--color-pink-800: oklch(0.4142 0.0780 336.82); /** oklch(41.99% 0.091 340) */
|
|
180
|
+
--color-pink-900: oklch(0.3043 0.0569 337.57); /** oklch(30.86% 0.066 340) */
|
|
181
|
+
--color-pink-950: oklch(0.1924 0.0344 336.68); /** oklch(19.53% 0.041 340) */
|
|
182
|
+
--color-rose-50: oklch(0.9877 0.0034 355.31); /** oklch(98.83% 0.005 0) */
|
|
183
|
+
--color-rose-100: oklch(0.9654 0.0135 0.41); /** oklch(96.68% 0.017 0) */
|
|
184
|
+
--color-rose-200: oklch(0.9206 0.0336 359.28); /** oklch(92.38% 0.042 0) */
|
|
185
|
+
--color-rose-300: oklch(0.8581 0.0624 359.43); /** oklch(86.33% 0.078 0) */
|
|
186
|
+
--color-rose-400: oklch(0.7948 0.0934 358.65); /** oklch(80.27% 0.114 0) */
|
|
187
|
+
--color-rose-500: oklch(0.7341 0.1251 359.08); /** oklch(74.41% 0.152 0) */
|
|
188
|
+
--color-rose-600: oklch(0.6176 0.1121 358.87); /** oklch(62.7% 0.136 0) */
|
|
189
|
+
--color-rose-700: oklch(0.5274 0.0959 358.72); /** oklch(53.52% 0.116 0) */
|
|
190
|
+
--color-rose-800: oklch(0.4144 0.0754 358.40); /** oklch(41.99% 0.091 0) */
|
|
191
|
+
--color-rose-900: oklch(0.3022 0.0544 358.35); /** oklch(30.66% 0.066 0) */
|
|
192
|
+
--color-rose-950: oklch(0.1906 0.0343 357.38); /** oklch(19.34% 0.041 0) */
|
|
193
|
+
--color-slate-50: oklch(0.9882 0.0041 271.54); /** oklch(98.83% 0.005 275) */
|
|
194
|
+
--color-slate-100: oklch(0.9654 0.0163 274.87); /** oklch(96.48% 0.018 275) */
|
|
195
|
+
--color-slate-200: oklch(0.9183 0.0219 277.51); /** oklch(91.8% 0.024 275) */
|
|
196
|
+
--color-slate-300: oklch(0.8539 0.0223 277.47); /** oklch(85.35% 0.024 275) */
|
|
197
|
+
--color-slate-400: oklch(0.7884 0.0228 277.43); /** oklch(78.91% 0.024 275) */
|
|
198
|
+
--color-slate-500: oklch(0.7275 0.0218 276.86); /** oklch(72.66% 0.024 275) */
|
|
199
|
+
--color-slate-600: oklch(0.6125 0.0228 276.74); /** oklch(61.33% 0.024 275) */
|
|
200
|
+
--color-slate-700: oklch(0.5231 0.0222 276.03); /** oklch(52.34% 0.024 275) */
|
|
201
|
+
--color-slate-800: oklch(0.4113 0.0220 275.15); /** oklch(41.21% 0.024 275) */
|
|
202
|
+
--color-slate-900: oklch(0.3034 0.0221 274.03); /** oklch(30.27% 0.024 275) */
|
|
203
|
+
--color-slate-950: oklch(0.1941 0.0205 275.57); /** oklch(19.34% 0.024 275) */
|
|
204
|
+
--color-gray-50: oklch(0.9882 0.0041 271.54); /** oklch(98.83% 0.005 275) */
|
|
205
|
+
--color-gray-100: oklch(0.9651 0.0150 273.90); /** oklch(96.48% 0.016 275) */
|
|
206
|
+
--color-gray-200: oklch(0.9175 0.0150 277.90); /** oklch(91.8% 0.016 275) */
|
|
207
|
+
--color-gray-300: oklch(0.8531 0.0153 277.87); /** oklch(85.35% 0.016 275) */
|
|
208
|
+
--color-gray-400: oklch(0.7896 0.0144 272.69); /** oklch(78.91% 0.016 275) */
|
|
209
|
+
--color-gray-500: oklch(0.7267 0.0145 277.02); /** oklch(72.66% 0.016 275) */
|
|
210
|
+
--color-gray-600: oklch(0.6146 0.0137 276.00); /** oklch(61.33% 0.016 275) */
|
|
211
|
+
--color-gray-700: oklch(0.5225 0.0158 276.85); /** oklch(52.34% 0.016 275) */
|
|
212
|
+
--color-gray-800: oklch(0.4115 0.0150 280.71); /** oklch(41.21% 0.016 275) */
|
|
213
|
+
--color-gray-900: oklch(0.3025 0.0147 274.40); /** oklch(30.27% 0.016 275) */
|
|
214
|
+
--color-gray-950: oklch(0.1935 0.0142 278.62); /** oklch(19.34% 0.016 275) */
|
|
215
|
+
--color-gray-1000: oklch(0.1448 0.0000 0); /** oklch(19.34% 0.016 275) */
|
|
216
|
+
--color-zinc-50: oklch(0.9882 0.0041 271.54); /** oklch(98.83% 0.005 275) */
|
|
217
|
+
--color-zinc-100: oklch(0.9648 0.0067 277.30); /** oklch(96.48% 0.008 275) */
|
|
218
|
+
--color-zinc-200: oklch(0.9168 0.0081 278.74); /** oklch(91.8% 0.008 275) */
|
|
219
|
+
--color-zinc-300: oklch(0.8524 0.0083 278.72); /** oklch(85.35% 0.008 275) */
|
|
220
|
+
--color-zinc-400: oklch(0.7896 0.0071 277.24); /** oklch(78.91% 0.008 275) */
|
|
221
|
+
--color-zinc-500: oklch(0.7259 0.0072 277.21); /** oklch(72.66% 0.008 275) */
|
|
222
|
+
--color-zinc-600: oklch(0.6141 0.0075 277.16); /** oklch(61.33% 0.008 275) */
|
|
223
|
+
--color-zinc-700: oklch(0.5248 0.0063 274.95); /** oklch(52.34% 0.008 275) */
|
|
224
|
+
--color-zinc-800: oklch(0.4133 0.0067 274.88); /** oklch(41.21% 0.008 275) */
|
|
225
|
+
--color-zinc-900: oklch(0.3017 0.0073 274.76); /** oklch(30.27% 0.008 275) */
|
|
226
|
+
--color-zinc-950: oklch(0.1931 0.0080 285.66); /** oklch(19.34% 0.008 275) */
|
|
227
|
+
--color-neutral-50: oklch(0.9881 0.0000 0); /** oklch(98.83% 0 0) */
|
|
228
|
+
--color-neutral-100: oklch(0.9642 0.0000 0); /** oklch(96.48% 0 0) */
|
|
229
|
+
--color-neutral-200: oklch(0.9189 0.0000 0); /** oklch(91.8% 0 0) */
|
|
230
|
+
--color-neutral-300: oklch(0.8545 0.0000 0); /** oklch(85.35% 0 0) */
|
|
231
|
+
--color-neutral-400: oklch(0.7889 0.0000 0); /** oklch(78.91% 0 0) */
|
|
232
|
+
--color-neutral-500: oklch(0.7252 0.0000 0); /** oklch(72.66% 0 0) */
|
|
233
|
+
--color-neutral-600: oklch(0.6100 0.0000 0); /** oklch(61.13% 0 0) */
|
|
234
|
+
--color-neutral-700: oklch(0.5243 0.0000 0); /** oklch(52.34% 0 0) */
|
|
235
|
+
--color-neutral-800: oklch(0.4128 0.0000 0); /** oklch(41.21% 0 0) */
|
|
236
|
+
--color-neutral-900: oklch(0.3012 0.0000 0); /** oklch(30.08% 0 0) */
|
|
237
|
+
--color-neutral-950: oklch(0.1913 0.0000 0); /** oklch(19.34% 0 0) */
|
|
238
|
+
--color-neutral-white: oklch(1.0000 0.0000 0); /** oklch(98.83% 0 0) */
|
|
239
|
+
--color-neutral-off-white: oklch(0.9938 0.0013 105.51); /** oklch(98.83% 0 0) */
|
|
240
|
+
--color-neutral-off-black: oklch(0.1448 0.0000 0); /** oklch(19.34% 0 0) */
|
|
241
|
+
--color-stone-50: oklch(0.9890 0.0074 80.67); /** oklch(98.83% 0.008 75) */
|
|
242
|
+
--color-stone-100: oklch(0.9651 0.0074 80.68); /** oklch(96.48% 0.008 75) */
|
|
243
|
+
--color-stone-200: oklch(0.9170 0.0063 75.38); /** oklch(91.8% 0.008 75) */
|
|
244
|
+
--color-stone-300: oklch(0.8527 0.0065 75.38); /** oklch(85.35% 0.008 75) */
|
|
245
|
+
--color-stone-400: oklch(0.7899 0.0078 80.68); /** oklch(78.91% 0.008 75) */
|
|
246
|
+
--color-stone-500: oklch(0.7265 0.0067 75.37); /** oklch(72.66% 0.008 75) */
|
|
247
|
+
--color-stone-600: oklch(0.6135 0.0078 88.62); /** oklch(61.33% 0.008 75) */
|
|
248
|
+
--color-stone-700: oklch(0.5222 0.0073 75.35); /** oklch(52.34% 0.008 75) */
|
|
249
|
+
--color-stone-800: oklch(0.4110 0.0064 67.66); /** oklch(41.21% 0.008 75) */
|
|
250
|
+
--color-stone-900: oklch(0.3022 0.0061 78.22); /** oklch(30.27% 0.008 75) */
|
|
251
|
+
--color-stone-950: oklch(0.1924 0.0067 78.14); /** oklch(19.34% 0.008 75) */
|
|
252
|
+
--color-sand-50: oklch(0.9892 0.0102 81.76); /** oklch(98.83% 0.01 75) */
|
|
253
|
+
--color-sand-100: oklch(0.9653 0.0103 81.76); /** oklch(96.48% 0.012 75) */
|
|
254
|
+
--color-sand-200: oklch(0.9178 0.0109 76.58); /** oklch(91.8% 0.012 75) */
|
|
255
|
+
--color-sand-300: oklch(0.8534 0.0111 76.57); /** oklch(85.35% 0.012 75) */
|
|
256
|
+
--color-sand-400: oklch(0.7881 0.0102 72.63); /** oklch(78.91% 0.012 75) */
|
|
257
|
+
--color-sand-500: oklch(0.7264 0.0110 81.76); /** oklch(72.66% 0.012 75) */
|
|
258
|
+
--color-sand-600: oklch(0.6125 0.0108 72.59); /** oklch(61.33% 0.012 75) */
|
|
259
|
+
--color-sand-700: oklch(0.5226 0.0106 78.22); /** oklch(52.34% 0.012 75) */
|
|
260
|
+
--color-sand-800: oklch(0.4113 0.0098 73.61); /** oklch(41.21% 0.012 75) */
|
|
261
|
+
--color-sand-900: oklch(0.3026 0.0098 80.64); /** oklch(30.27% 0.012 75) */
|
|
262
|
+
--color-sand-950: oklch(0.1930 0.0108 80.51); /** oklch(19.34% 0.012 75) */
|
|
263
|
+
--color-olive-50: oklch(0.9889 0.0067 115.48); /** oklch(98.83% 0.008 120) */
|
|
264
|
+
--color-olive-100: oklch(0.9650 0.0067 115.49); /** oklch(96.48% 0.008 120) */
|
|
265
|
+
--color-olive-200: oklch(0.9187 0.0083 121.46); /** oklch(91.8% 0.008 120) */
|
|
266
|
+
--color-olive-300: oklch(0.8523 0.0069 115.54); /** oklch(85.16% 0.008 120) */
|
|
267
|
+
--color-olive-400: oklch(0.7898 0.0071 115.57); /** oklch(78.91% 0.008 120) */
|
|
268
|
+
--color-olive-500: oklch(0.7253 0.0075 124.33); /** oklch(72.46% 0.008 120) */
|
|
269
|
+
--color-olive-600: oklch(0.6110 0.0075 115.68); /** oklch(61.13% 0.008 120) */
|
|
270
|
+
--color-olive-700: oklch(0.5244 0.0081 124.46); /** oklch(52.34% 0.008 120) */
|
|
271
|
+
--color-olive-800: oklch(0.4105 0.0067 118.02); /** oklch(41.02% 0.008 120) */
|
|
272
|
+
--color-olive-900: oklch(0.3027 0.0072 118.18); /** oklch(30.08% 0.008 120) */
|
|
273
|
+
--color-olive-950: oklch(0.1930 0.0080 118.53); /** oklch(19.14% 0.008 120) */
|
|
274
|
+
--color-mauve-50: oklch(0.9885 0.0061 318.09); /** oklch(98.83% 0.008 325) */
|
|
275
|
+
--color-mauve-100: oklch(0.9656 0.0078 319.70); /** oklch(96.68% 0.008 325) */
|
|
276
|
+
--color-mauve-200: oklch(0.9171 0.0068 325.92); /** oklch(91.8% 0.008 325) */
|
|
277
|
+
--color-mauve-300: oklch(0.8527 0.0070 325.90); /** oklch(85.35% 0.008 325) */
|
|
278
|
+
--color-mauve-400: oklch(0.7894 0.0065 318.00); /** oklch(78.91% 0.008 325) */
|
|
279
|
+
--color-mauve-500: oklch(0.7256 0.0066 317.98); /** oklch(72.66% 0.008 325) */
|
|
280
|
+
--color-mauve-600: oklch(0.6135 0.0057 325.88); /** oklch(61.33% 0.008 325) */
|
|
281
|
+
--color-mauve-700: oklch(0.5223 0.0079 325.84); /** oklch(52.34% 0.008 325) */
|
|
282
|
+
--color-mauve-800: oklch(0.4131 0.0063 325.84); /** oklch(41.21% 0.008 325) */
|
|
283
|
+
--color-mauve-900: oklch(0.3015 0.0068 325.84); /** oklch(30.27% 0.008 325) */
|
|
284
|
+
--color-mauve-950: oklch(0.1916 0.0076 325.93); /** oklch(19.34% 0.008 325) */
|
|
151
285
|
}
|
|
@@ -5,56 +5,58 @@
|
|
|
5
5
|
|
|
6
6
|
:root,
|
|
7
7
|
[data-theme="light"] {
|
|
8
|
+
--color-text-contrast: var(--color-neutral-900);
|
|
9
|
+
--color-text-default: var(--color-neutral-800);
|
|
10
|
+
--color-text-subtle: var(--color-neutral-600);
|
|
11
|
+
--color-text-accent: var(--color-teal-600);
|
|
12
|
+
--color-text-contrast-on-dark-bg: var(--color-neutral-100);
|
|
13
|
+
--color-text-default-on-dark-bg: var(--color-neutral-200);
|
|
14
|
+
--color-text-subtle-on-dark-bg: var(--color-neutral-300);
|
|
8
15
|
--color-icon-default: var(--color-neutral-700);
|
|
9
16
|
--color-icon-secondary: var(--color-neutral-600);
|
|
10
|
-
--color-icon-tertiary: var(--color-neutral-
|
|
11
|
-
--color-bg-drag-handle: var(--color-
|
|
12
|
-
--color-bg-surface-sunken: var(--color-neutral-
|
|
17
|
+
--color-icon-tertiary: var(--color-neutral-500);
|
|
18
|
+
--color-bg-drag-handle: var(--color-neutral-200);
|
|
19
|
+
--color-bg-surface-sunken: var(--color-neutral-50);
|
|
13
20
|
--color-bg-surface-default: var(--color-neutral-white);
|
|
14
21
|
--color-bg-surface-raised: var(--color-neutral-white);
|
|
15
22
|
--color-bg-surface-overlay: var(--color-neutral-white);
|
|
16
|
-
--color-bg-surface-inverse: var(--color-neutral-
|
|
17
|
-
--color-bg-brand-primary: var(--color-
|
|
18
|
-
--color-bg-brand-secondary: var(--color-orange-
|
|
19
|
-
--color-bg-brand-tertiary: var(--color-
|
|
20
|
-
--color-bg-neutral-default: var(--color-neutral-
|
|
21
|
-
--color-bg-neutral-secondary: var(--color-neutral-
|
|
23
|
+
--color-bg-surface-inverse: var(--color-neutral-900);
|
|
24
|
+
--color-bg-brand-primary: var(--color-teal-500);
|
|
25
|
+
--color-bg-brand-secondary: var(--color-orange-500);
|
|
26
|
+
--color-bg-brand-tertiary: var(--color-sky-500);
|
|
27
|
+
--color-bg-neutral-default: var(--color-neutral-700);
|
|
28
|
+
--color-bg-neutral-secondary: var(--color-neutral-100);
|
|
22
29
|
--color-bg-neutral-tertiary: var(--color-neutral-50);
|
|
23
|
-
--color-text-contrast: var(--color-neutral-800);
|
|
24
|
-
--color-text-default: var(--color-neutral-700);
|
|
25
|
-
--color-text-subtle: var(--color-neutral-600);
|
|
26
|
-
--color-text-accent: var(--color-green-700);
|
|
27
|
-
--color-text-contrast-on-dark-bg: var(--color-neutral-100);
|
|
28
|
-
--color-text-default-on-dark-bg: var(--color-neutral-150);
|
|
29
|
-
--color-text-subtle-on-dark-bg: var(--color-neutral-200);
|
|
30
|
-
--color-border-default: var(--color-black-alpha-12);
|
|
31
|
-
--color-border-secondary: var(--color-black-alpha-8);
|
|
32
|
-
--color-action-icon-brand-default: var(--color-green-600);
|
|
33
|
-
--color-action-icon-brand-default-hover: var(--color-green-700);
|
|
34
|
-
--color-action-icon-brand-active: var(--color-green-600);
|
|
35
|
-
--color-action-icon-brand-on-brand-bg: var(--color-green-600);
|
|
36
|
-
--color-action-icon-brand-on-brand-secondary: var(--color-green-600);
|
|
37
|
-
--color-action-icon-brand-on-brand-tertiary: var(--color-green-700);
|
|
38
|
-
--color-action-bg-brand-default: var(--color-neutral-700);
|
|
39
|
-
--color-action-bg-brand-default-hover: var(--color-neutral-600);
|
|
40
|
-
--color-action-bg-brand-active: var(--color-green-alpha-50);
|
|
41
|
-
--color-action-text-brand-default: var(--color-neutral-700);
|
|
42
|
-
--color-action-text-brand-secondary: var(--color-neutral-600);
|
|
43
|
-
--color-action-text-brand-active: var(--color-green-700);
|
|
44
|
-
--color-action-border-default: var(--color-neutral-700);
|
|
45
|
-
--color-action-border-secondary: var(--color-neutral-600);
|
|
46
|
-
--color-action-border-active: var(--color-green-600);
|
|
47
|
-
--color-feedback-negative-text: var(--color-red-700);
|
|
48
|
-
--color-feedback-negative-icon: var(--color-red-500);
|
|
49
30
|
--color-feedback-negative-bg: var(--color-red-100);
|
|
50
|
-
--color-feedback-
|
|
51
|
-
--color-feedback-
|
|
31
|
+
--color-feedback-negative-text: var(--color-red-600);
|
|
32
|
+
--color-feedback-negative-icon: var(--color-red-600);
|
|
33
|
+
--color-feedback-negative-border: var(--color-red-500);
|
|
52
34
|
--color-feedback-warning-bg: var(--color-yellow-100);
|
|
53
|
-
--color-feedback-
|
|
54
|
-
--color-feedback-
|
|
55
|
-
--color-feedback-
|
|
56
|
-
--color-feedback-
|
|
57
|
-
--color-feedback-
|
|
35
|
+
--color-feedback-warning-text: var(--color-yellow-600);
|
|
36
|
+
--color-feedback-warning-icon: var(--color-yellow-600);
|
|
37
|
+
--color-feedback-warning-border: var(--color-yellow-500);
|
|
38
|
+
--color-feedback-positive-bg: var(--color-emerald-100);
|
|
39
|
+
--color-feedback-positive-text: var(--color-emerald-600);
|
|
40
|
+
--color-feedback-positive-icon: var(--color-emerald-600);
|
|
41
|
+
--color-feedback-positive-border: var(--color-emerald-500);
|
|
58
42
|
--color-feedback-informative-bg: var(--color-blue-100);
|
|
59
|
-
--
|
|
43
|
+
--color-feedback-informative-text: var(--color-blue-600);
|
|
44
|
+
--color-feedback-informative-icon: var(--color-blue-600);
|
|
45
|
+
--color-feedback-informative-border: var(--color-blue-500);
|
|
46
|
+
--color-border-default: var(--color-neutral-200);
|
|
47
|
+
--color-border-secondary: var(--color-neutral-100);
|
|
48
|
+
--color-action-bg-brand-default: var(--color-teal-600);
|
|
49
|
+
--color-action-bg-brand-default-hover: var(--color-teal-700);
|
|
50
|
+
--color-action-bg-brand-active: var(--color-teal-100);
|
|
51
|
+
--color-action-text-link: var(--color-teal-600);
|
|
52
|
+
--color-action-text-brand-default: var(--color-teal-600);
|
|
53
|
+
--color-action-text-brand-active: var(--color-teal-600);
|
|
54
|
+
--color-action-text-brand-on-brand-bg: var(--color-teal-50);
|
|
55
|
+
--color-action-icon-brand-default: var(--color-teal-600);
|
|
56
|
+
--color-action-icon-brand-default-hover: var(--color-teal-700);
|
|
57
|
+
--color-action-icon-brand-active: var(--color-teal-600);
|
|
58
|
+
--color-action-icon-brand-on-brand-bg: var(--color-teal-50);
|
|
59
|
+
--color-action-icon-link: var(--color-teal-600);
|
|
60
|
+
--color-action-border-brand-default: var(--color-teal-500);
|
|
61
|
+
--color-action-border-brand-active: var(--color-teal-500);
|
|
60
62
|
}
|
|
@@ -4,56 +4,58 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
[data-theme="dark"] {
|
|
7
|
+
--color-text-contrast: var(--color-neutral-50);
|
|
8
|
+
--color-text-default: var(--color-neutral-300);
|
|
9
|
+
--color-text-subtle: var(--color-neutral-400);
|
|
10
|
+
--color-text-accent: var(--color-teal-400);
|
|
11
|
+
--color-text-contrast-on-dark-bg: var(--color-neutral-100);
|
|
12
|
+
--color-text-default-on-dark-bg: var(--color-neutral-200);
|
|
13
|
+
--color-text-subtle-on-dark-bg: var(--color-neutral-300);
|
|
7
14
|
--color-icon-default: var(--color-neutral-300);
|
|
8
|
-
--color-icon-secondary: var(--color-neutral-
|
|
9
|
-
--color-icon-tertiary: var(--color-neutral-
|
|
10
|
-
--color-bg-drag-handle: var(--color-
|
|
11
|
-
--color-bg-surface-sunken: var(--color-neutral-
|
|
12
|
-
--color-bg-surface-default: var(--color-neutral-
|
|
13
|
-
--color-bg-surface-raised: var(--color-neutral-
|
|
14
|
-
--color-bg-surface-overlay: var(--color-neutral-
|
|
15
|
-
--color-bg-surface-inverse: var(--color-neutral-
|
|
16
|
-
--color-bg-brand-primary: var(--color-
|
|
15
|
+
--color-icon-secondary: var(--color-neutral-400);
|
|
16
|
+
--color-icon-tertiary: var(--color-neutral-500);
|
|
17
|
+
--color-bg-drag-handle: var(--color-neutral-800);
|
|
18
|
+
--color-bg-surface-sunken: var(--color-neutral-off-black);
|
|
19
|
+
--color-bg-surface-default: var(--color-neutral-950);
|
|
20
|
+
--color-bg-surface-raised: var(--color-neutral-900);
|
|
21
|
+
--color-bg-surface-overlay: var(--color-neutral-800);
|
|
22
|
+
--color-bg-surface-inverse: var(--color-neutral-900);
|
|
23
|
+
--color-bg-brand-primary: var(--color-teal-400);
|
|
17
24
|
--color-bg-brand-secondary: var(--color-orange-400);
|
|
18
|
-
--color-bg-brand-tertiary: var(--color-
|
|
25
|
+
--color-bg-brand-tertiary: var(--color-sky-400);
|
|
19
26
|
--color-bg-neutral-default: var(--color-neutral-500);
|
|
20
|
-
--color-bg-neutral-secondary: var(--color-neutral-
|
|
27
|
+
--color-bg-neutral-secondary: var(--color-neutral-800);
|
|
21
28
|
--color-bg-neutral-tertiary: var(--color-neutral-800);
|
|
22
|
-
--color-
|
|
23
|
-
--color-text
|
|
24
|
-
--color-text-subtle: var(--color-neutral-300);
|
|
25
|
-
--color-text-accent: var(--color-green-500);
|
|
26
|
-
--color-text-contrast-on-dark-bg: var(--color-neutral-100);
|
|
27
|
-
--color-text-default-on-dark-bg: var(--color-neutral-100);
|
|
28
|
-
--color-text-subtle-on-dark-bg: var(--color-neutral-100);
|
|
29
|
-
--color-border-default: var(--color-white-alpha-16);
|
|
30
|
-
--color-border-secondary: var(--color-white-alpha-8);
|
|
31
|
-
--color-action-icon-brand-default: var(--color-neutral-300);
|
|
32
|
-
--color-action-icon-brand-default-hover: var(--color-neutral-500);
|
|
33
|
-
--color-action-icon-brand-active: var(--color-green-500);
|
|
34
|
-
--color-action-icon-brand-on-brand-bg: var(--color-green-500);
|
|
35
|
-
--color-action-icon-brand-on-brand-secondary: var(--color-green-500);
|
|
36
|
-
--color-action-icon-brand-on-brand-tertiary: var(--color-green-400);
|
|
37
|
-
--color-action-bg-brand-default: var(--color-neutral-300);
|
|
38
|
-
--color-action-bg-brand-default-hover: var(--color-neutral-500);
|
|
39
|
-
--color-action-bg-brand-active: var(--color-green-alpha-100);
|
|
40
|
-
--color-action-text-brand-default: var(--color-neutral-300);
|
|
41
|
-
--color-action-text-brand-secondary: var(--color-neutral-500);
|
|
42
|
-
--color-action-text-brand-active: var(--color-neutral-600);
|
|
43
|
-
--color-action-border-default: var(--color-neutral-300);
|
|
44
|
-
--color-action-border-secondary: var(--color-neutral-500);
|
|
45
|
-
--color-action-border-active: var(--color-green-500);
|
|
46
|
-
--color-feedback-negative-text: var(--color-red-500);
|
|
29
|
+
--color-feedback-negative-bg: var(--color-red-900);
|
|
30
|
+
--color-feedback-negative-text: var(--color-red-400);
|
|
47
31
|
--color-feedback-negative-icon: var(--color-red-400);
|
|
48
|
-
--color-feedback-negative-
|
|
49
|
-
--color-feedback-warning-
|
|
50
|
-
--color-feedback-warning-
|
|
51
|
-
--color-feedback-warning-
|
|
52
|
-
--color-feedback-
|
|
53
|
-
--color-feedback-positive-
|
|
54
|
-
--color-feedback-positive-
|
|
55
|
-
--color-feedback-
|
|
56
|
-
--color-feedback-
|
|
57
|
-
--color-feedback-informative-bg: var(--color-blue-
|
|
58
|
-
--
|
|
32
|
+
--color-feedback-negative-border: var(--color-red-700);
|
|
33
|
+
--color-feedback-warning-bg: var(--color-yellow-900);
|
|
34
|
+
--color-feedback-warning-text: var(--color-yellow-400);
|
|
35
|
+
--color-feedback-warning-icon: var(--color-yellow-400);
|
|
36
|
+
--color-feedback-warning-border: var(--color-yellow-700);
|
|
37
|
+
--color-feedback-positive-bg: var(--color-emerald-900);
|
|
38
|
+
--color-feedback-positive-text: var(--color-emerald-400);
|
|
39
|
+
--color-feedback-positive-icon: var(--color-emerald-400);
|
|
40
|
+
--color-feedback-positive-border: var(--color-emerald-700);
|
|
41
|
+
--color-feedback-informative-bg: var(--color-blue-900);
|
|
42
|
+
--color-feedback-informative-text: var(--color-blue-400);
|
|
43
|
+
--color-feedback-informative-icon: var(--color-blue-400);
|
|
44
|
+
--color-feedback-informative-border: var(--color-blue-700);
|
|
45
|
+
--color-border-default: var(--color-neutral-800);
|
|
46
|
+
--color-border-secondary: var(--color-neutral-900);
|
|
47
|
+
--color-action-bg-brand-default: var(--color-teal-400);
|
|
48
|
+
--color-action-bg-brand-default-hover: var(--color-teal-500);
|
|
49
|
+
--color-action-bg-brand-active: var(--color-teal-900);
|
|
50
|
+
--color-action-text-link: var(--color-teal-400);
|
|
51
|
+
--color-action-text-brand-default: var(--color-teal-400);
|
|
52
|
+
--color-action-text-brand-active: var(--color-teal-400);
|
|
53
|
+
--color-action-text-brand-on-brand-bg: var(--color-teal-950);
|
|
54
|
+
--color-action-icon-brand-default: var(--color-teal-400);
|
|
55
|
+
--color-action-icon-brand-default-hover: var(--color-teal-500);
|
|
56
|
+
--color-action-icon-brand-active: var(--color-teal-400);
|
|
57
|
+
--color-action-icon-brand-on-brand-bg: var(--color-teal-900);
|
|
58
|
+
--color-action-icon-link: var(--color-teal-500);
|
|
59
|
+
--color-action-border-brand-default: var(--color-teal-700);
|
|
60
|
+
--color-action-border-brand-active: var(--color-teal-700);
|
|
59
61
|
}
|