@crewlethq/tokens 0.4.4 → 0.5.0

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.
Files changed (27) hide show
  1. package/README.md +359 -31
  2. package/dist/css/base.css +9 -3
  3. package/dist/css/breakpoint.css +2 -1
  4. package/dist/css/fonts.css +11 -11
  5. package/dist/css/legacy.css +11 -9
  6. package/dist/css/themes.css +267 -300
  7. package/dist/css/tokens.css +55 -65
  8. package/dist/index.d.ts +47 -59
  9. package/dist/index.js +50 -62
  10. package/dist/themes.d.ts +98 -126
  11. package/dist/themes.js +98 -126
  12. package/fonts/OFL.txt +15 -14
  13. package/fonts/README.md +22 -13
  14. package/fonts/SHA256SUMS +4 -4
  15. package/fonts/geist-latin-ext.woff2 +0 -0
  16. package/fonts/geist-latin.woff2 +0 -0
  17. package/fonts/geist-mono-latin-ext.woff2 +0 -0
  18. package/fonts/geist-mono-latin.woff2 +0 -0
  19. package/package.json +1 -1
  20. package/test/color.mjs +26 -12
  21. package/test/palette.d.mts +88 -3
  22. package/test/palette.mjs +464 -179
  23. package/test/palette.test.mjs +448 -9
  24. package/fonts/inter-latin-ext.woff2 +0 -0
  25. package/fonts/inter-latin.woff2 +0 -0
  26. package/fonts/jetbrains-mono-latin-ext.woff2 +0 -0
  27. package/fonts/jetbrains-mono-latin.woff2 +0 -0
package/dist/index.js CHANGED
@@ -9,44 +9,39 @@ export const blur = {
9
9
  };
10
10
  export const breakpoint = {
11
11
  "sm": "480px",
12
+ "phone": "640px",
12
13
  "md": "768px",
13
- "shell": "900px",
14
+ "shell": "1024px",
14
15
  "lg": "1024px",
15
16
  "xl": "1200px",
16
17
  "2xl": "1600px"
17
18
  };
18
19
  export const color = {
19
20
  "brand": {
20
- "primary": "#5469d4",
21
- "primaryHover": "#4759c2",
22
- "primaryActive": "#3b4caa",
23
- "accent": "#5469d4",
24
- "accentHover": "#4a5cc2",
25
- "accentActive": "#3e50b8",
26
- "accentInk": "#8b9ff5",
27
- "accentRgb": "84, 105, 212",
28
- "accentSoft": "rgba(84, 105, 212, 0.18)",
29
- "accentSoftStrong": "rgba(84, 105, 212, 0.32)",
21
+ "accent": "#7c56ff",
22
+ "accentHover": "#744bf4",
23
+ "accentActive": "#6c40e9",
24
+ "accentInk": "#b3a1ff",
25
+ "accentSoft": "rgba(124, 86, 255, 0.16)",
30
26
  "accentDeep": "#5c24ff",
31
27
  "highlight": "#ff3bff",
32
28
  "slate": "#3c4052",
33
29
  "mark": "#7c56ff",
34
- "gradient": "linear-gradient(90deg, #ff3bff 0%, #ecbfbf 38%, #5c24ff 76%, #d94fd5 100%)"
30
+ "gradient": "linear-gradient(90deg, #ff3bff 0%, #ecbfbf 38%, #5c24ff 76%, #d94fd5 100%)",
31
+ "accentRgb": "124, 86, 255",
32
+ "accentSoftStrong": "rgba(124, 86, 255, 0.32)"
35
33
  },
36
34
  "surface": {
35
+ "frame": "#000000",
37
36
  "background": "#000000",
38
37
  "subtle": "rgba(255, 255, 255, 0.05)",
39
- "muted": "rgba(255, 255, 255, 0.08)",
40
38
  "elevated": "rgba(255, 255, 255, 0.12)",
41
- "topbar": "#15171c",
42
- "topbarLift": "#1c1e24",
43
- "topbarActive": "#22252b",
44
39
  "hover": "rgba(255, 255, 255, 0.05)",
45
40
  "pressed": "rgba(255, 255, 255, 0.08)",
46
41
  "inset": "rgba(255, 255, 255, 0.05)",
47
42
  "glass": "rgba(28, 30, 36, 0.90)",
48
43
  "scrim": "rgba(0, 0, 0, 0.6)",
49
- "veil": "rgba(0, 0, 0, 0.72)",
44
+ "veil": "rgba(0, 0, 0, 0.65)",
50
45
  "inverse": "#ffffff"
51
46
  },
52
47
  "text": {
@@ -54,7 +49,6 @@ export const color = {
54
49
  "secondary": "#c9ced8",
55
50
  "tertiary": "#95a2b6",
56
51
  "muted": "#686b70",
57
- "onBrand": "#ffffff",
58
52
  "onAccent": "#ffffff",
59
53
  "inverse": "#09090b"
60
54
  },
@@ -65,43 +59,31 @@ export const color = {
65
59
  "strongHover": "#5a5e65",
66
60
  "control": "#7f848e"
67
61
  },
68
- "focus": "#8b9ff5",
62
+ "focus": "#7e5bff",
69
63
  "feedback": {
70
- "success": "#14b8a6",
71
- "successInk": "#5eead4",
72
- "warning": "#f59e0b",
73
- "warningInk": "#fde68a",
74
- "danger": "#dc2626",
75
- "dangerHover": "#b91c1c",
76
- "dangerInk": "#fca5a5",
77
- "info": "#38bdf8",
78
- "infoInk": "#7dd3fc",
79
- "successSoft": "rgba(20, 184, 166, 0.12)",
80
- "successLine": "rgba(20, 184, 166, 0.3)",
81
- "warningSoft": "rgba(245, 158, 11, 0.12)",
82
- "warningLine": "rgba(245, 158, 11, 0.3)",
83
- "dangerSoft": "rgba(220, 38, 38, 0.12)",
84
- "dangerLine": "rgba(220, 38, 38, 0.3)",
85
- "infoSoft": "rgba(56, 189, 248, 0.12)",
86
- "infoLine": "rgba(56, 189, 248, 0.3)"
87
- },
88
- "phase": {
89
- "onboarding": "#f77ae9",
90
- "onboardingInk": "#ff82f1",
91
- "execute": "#ac6bff",
92
- "executeInk": "#d697ff",
93
- "review": "#00a24f",
94
- "reviewInk": "#46c872",
95
- "onboardingSoft": "rgba(247, 122, 233, 0.12)",
96
- "executeSoft": "rgba(172, 107, 255, 0.12)",
97
- "reviewSoft": "rgba(0, 162, 79, 0.12)"
64
+ "success": "#3ecf8f",
65
+ "successInk": "#72dead",
66
+ "warning": "#f4b221",
67
+ "warningInk": "#f6c86f",
68
+ "danger": "#e50055",
69
+ "dangerHover": "#d6004f",
70
+ "dangerInk": "#ff9a9a",
71
+ "info": "#4c9dff",
72
+ "infoInk": "#86beff",
73
+ "successSoft": "rgba(62, 207, 143, 0.12)",
74
+ "successLine": "rgba(62, 207, 143, 0.3)",
75
+ "warningSoft": "rgba(244, 178, 33, 0.12)",
76
+ "warningLine": "rgba(244, 178, 33, 0.3)",
77
+ "dangerSoft": "rgba(229, 0, 85, 0.12)",
78
+ "dangerLine": "rgba(229, 0, 85, 0.3)",
79
+ "infoSoft": "rgba(76, 157, 255, 0.12)",
80
+ "infoLine": "rgba(76, 157, 255, 0.3)"
98
81
  },
99
82
  "data": {
100
- "1": "#a5b4fc",
101
- "2": "#facc15",
102
- "3": "#38bdf8",
103
- "4": "#86efac",
104
- "5": "#ec4899",
83
+ "1": "#458adc",
84
+ "2": "#e4631f",
85
+ "3": "#009c79",
86
+ "4": "#c98500",
105
87
  "other": "#71717a"
106
88
  },
107
89
  "avatar": {
@@ -164,7 +146,8 @@ export const motion = {
164
146
  "fast": "120ms",
165
147
  "base": "150ms",
166
148
  "moderate": "200ms",
167
- "slow": "300ms"
149
+ "slow": "300ms",
150
+ "breath": "2200ms"
168
151
  },
169
152
  "easing": {
170
153
  "default": "ease",
@@ -182,6 +165,7 @@ export const radius = {
182
165
  "lg": "12px",
183
166
  "xl": "16px",
184
167
  "2xl": "24px",
168
+ "sheet": "14px",
185
169
  "chip": "calc(8px - 1px)",
186
170
  "pill": "999px",
187
171
  "circle": "50%"
@@ -199,12 +183,12 @@ export const shadow = {
199
183
  "hairline": "inset 0 1px 0 rgba(255, 255, 255, 0.04)",
200
184
  "focus": "0 0 0 2px var(--color-surface-background), 0 0 0 4px var(--color-focus)",
201
185
  "selection": "inset 0 0 0 2px var(--color-brand-accent)",
202
- "glow": "0 4px 24px rgba(84, 105, 212, 0.3)"
186
+ "glow": "0 4px 24px rgba(var(--color-brand-accent-rgb), 0.3)"
203
187
  };
204
188
  export const size = {
205
189
  "control": {
206
- "sm": "28px",
207
- "md": "32px",
190
+ "sm": "26px",
191
+ "md": "30px",
208
192
  "lg": "44px"
209
193
  },
210
194
  "row": {
@@ -214,11 +198,13 @@ export const size = {
214
198
  },
215
199
  "nav": {
216
200
  "gutter": "8px",
217
- "rowPad": "12px"
201
+ "rowPad": "12px",
202
+ "row": "30px"
218
203
  },
219
204
  "shell": {
220
- "rail": "280px",
221
- "topbar": "64px"
205
+ "rail": "236px",
206
+ "topbar": "52px",
207
+ "inset": "8px"
222
208
  },
223
209
  "targetMin": "24px",
224
210
  "measure": "68ch",
@@ -242,9 +228,9 @@ export const spacing = {
242
228
  };
243
229
  export const font = {
244
230
  "family": {
245
- "sans": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
246
- "display": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
247
- "mono": "'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace"
231
+ "sans": "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
232
+ "display": "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
233
+ "mono": "'Geist Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace"
248
234
  },
249
235
  "size": {
250
236
  "2xs": "11px",
@@ -255,6 +241,7 @@ export const font = {
255
241
  "lg": "18px",
256
242
  "xl": "20px",
257
243
  "2xl": "24px",
244
+ "display": "28px",
258
245
  "3xl": "32px",
259
246
  "4xl": "48px",
260
247
  "5xl": "64px"
@@ -269,6 +256,7 @@ export const font = {
269
256
  "lineHeight": {
270
257
  "tight": "1.2",
271
258
  "snug": "1.4",
259
+ "body": "1.45",
272
260
  "normal": "1.5",
273
261
  "relaxed": "1.7"
274
262
  },
package/dist/themes.d.ts CHANGED
@@ -11,82 +11,68 @@ export declare const themes: {
11
11
  readonly light: {
12
12
  readonly color: {
13
13
  readonly surface: {
14
- readonly background: "#ffffff";
15
- readonly subtle: "#f4f4f5";
16
- readonly muted: "#f4f4f5";
17
- readonly elevated: "#ebebee";
18
- readonly topbar: "#ffffff";
19
- readonly topbarLift: "#f4f4f5";
20
- readonly topbarActive: "#ebebee";
21
- readonly hover: "rgba(9, 9, 11, 0.04)";
22
- readonly pressed: "rgba(9, 9, 11, 0.07)";
23
- readonly inset: "rgba(9, 9, 11, 0.05)";
24
- readonly glass: "rgba(244, 244, 245, 0.90)";
14
+ readonly frame: "#ededea";
15
+ readonly background: "#f9f9f8";
16
+ readonly subtle: "#ffffff";
17
+ readonly elevated: "#f3f3f1";
18
+ readonly hover: "rgba(9, 9, 11, 0.044)";
19
+ readonly pressed: "rgba(9, 9, 11, 0.088)";
20
+ readonly inset: "rgba(9, 9, 11, 0.026)";
21
+ readonly glass: "rgba(255, 255, 255, 0.90)";
25
22
  readonly scrim: "rgba(0, 0, 0, 0.6)";
26
- readonly veil: "rgba(255, 255, 255, 0.72)";
23
+ readonly veil: "rgba(237, 237, 234, 0.65)";
27
24
  readonly inverse: "#09090b";
28
25
  };
29
26
  readonly text: {
30
- readonly primary: "#09090b";
31
- readonly secondary: "#52525b";
32
- readonly tertiary: "#5b5b64";
33
- readonly muted: "#8f8f95";
34
- readonly onBrand: "#ffffff";
27
+ readonly primary: "#17171a";
28
+ readonly secondary: "#46464e";
29
+ readonly tertiary: "#5f5e67";
30
+ readonly muted: "#8d8d94";
35
31
  readonly onAccent: "#ffffff";
36
32
  readonly inverse: "#fafafa";
37
33
  };
38
34
  readonly brand: {
39
- readonly primary: "#000000";
40
- readonly primaryHover: "rgba(0, 0, 0, 0.85)";
41
- readonly primaryActive: "rgba(0, 0, 0, 0.7)";
42
- readonly accentInk: "#3e50b8";
43
- readonly accentSoft: "rgba(84, 105, 212, 0.14)";
35
+ readonly accent: "#6b45f0";
36
+ readonly accentHover: "#633ae5";
37
+ readonly accentActive: "#5b2eda";
38
+ readonly accentInk: "#5a33de";
39
+ readonly accentSoft: "rgba(107, 69, 240, 0.108)";
40
+ readonly accentRgb: "107, 69, 240";
41
+ readonly accentSoftStrong: "rgba(107, 69, 240, 0.32)";
44
42
  };
45
43
  readonly border: {
46
- readonly default: "#e4e4e7";
47
- readonly hover: "#d4d4d8";
48
- readonly strong: "#d4d4d8";
49
- readonly strongHover: "#a1a1aa";
50
- readonly control: "#71717a";
44
+ readonly default: "#e4e4e0";
45
+ readonly hover: "#d3d3ce";
46
+ readonly strong: "#d3d3ce";
47
+ readonly strongHover: "#c2c2bc";
48
+ readonly control: "#7a7a82";
51
49
  };
52
- readonly focus: "#5469d4";
50
+ readonly focus: "#6b45f0";
53
51
  readonly feedback: {
54
- readonly success: "#0f766e";
55
- readonly successInk: "#115e59";
56
- readonly warning: "#b45309";
57
- readonly warningInk: "#92400e";
58
- readonly danger: "#991b1b";
59
- readonly dangerHover: "#7f1d1d";
60
- readonly dangerInk: "#991b1b";
61
- readonly info: "#075985";
62
- readonly infoInk: "#075985";
63
- readonly successSoft: "rgba(15, 118, 110, 0.12)";
64
- readonly successLine: "rgba(15, 118, 110, 0.3)";
65
- readonly warningSoft: "rgba(180, 83, 9, 0.12)";
66
- readonly warningLine: "rgba(180, 83, 9, 0.3)";
67
- readonly dangerSoft: "rgba(153, 27, 27, 0.12)";
68
- readonly dangerLine: "rgba(153, 27, 27, 0.3)";
69
- readonly infoSoft: "rgba(7, 89, 133, 0.12)";
70
- readonly infoLine: "rgba(7, 89, 133, 0.3)";
71
- };
72
- readonly phase: {
73
- readonly onboarding: "#980099";
74
- readonly onboardingInk: "#8e0090";
75
- readonly execute: "#5b37da";
76
- readonly executeInk: "#552dd1";
77
- readonly review: "#078543";
78
- readonly reviewInk: "#006121";
79
- readonly onboardingSoft: "rgba(152, 0, 153, 0.12)";
80
- readonly executeSoft: "rgba(91, 55, 218, 0.12)";
81
- readonly reviewSoft: "rgba(7, 133, 67, 0.12)";
52
+ readonly success: "#009b74";
53
+ readonly successInk: "#106d46";
54
+ readonly warning: "#c57600";
55
+ readonly warningInk: "#8e5000";
56
+ readonly danger: "#c01d32";
57
+ readonly dangerHover: "#b5092a";
58
+ readonly dangerInk: "#b61426";
59
+ readonly info: "#3081de";
60
+ readonly infoInk: "#1a5eb3";
61
+ readonly successSoft: "rgba(0, 155, 116, 0.12)";
62
+ readonly successLine: "rgba(0, 155, 116, 0.3)";
63
+ readonly warningSoft: "rgba(197, 118, 0, 0.12)";
64
+ readonly warningLine: "rgba(197, 118, 0, 0.3)";
65
+ readonly dangerSoft: "rgba(192, 29, 50, 0.12)";
66
+ readonly dangerLine: "rgba(192, 29, 50, 0.3)";
67
+ readonly infoSoft: "rgba(48, 129, 222, 0.12)";
68
+ readonly infoLine: "rgba(48, 129, 222, 0.3)";
82
69
  };
83
70
  readonly data: {
84
- readonly "1": "#3730a3";
85
- readonly "2": "#a16207";
86
- readonly "3": "#075985";
87
- readonly "4": "#1c9002";
88
- readonly "5": "#db2777";
89
- readonly other: "#71717a";
71
+ readonly "1": "#3879ce";
72
+ readonly "2": "#e45f28";
73
+ readonly "3": "#009b74";
74
+ readonly "4": "#c57600";
75
+ readonly other: "#88888f";
90
76
  };
91
77
  readonly node: {
92
78
  readonly purple: "#7150b3";
@@ -136,88 +122,74 @@ export declare const themes: {
136
122
  readonly hairline: "none";
137
123
  readonly focus: "0 0 0 2px var(--color-surface-background), 0 0 0 4px var(--color-focus)";
138
124
  readonly selection: "inset 0 0 0 2px var(--color-brand-accent)";
139
- readonly glow: "0 4px 24px rgba(84, 105, 212, 0.22)";
125
+ readonly glow: "0 4px 24px rgba(var(--color-brand-accent-rgb), 0.22)";
140
126
  };
141
127
  };
142
128
  readonly dark: {
143
129
  readonly color: {
144
130
  readonly surface: {
145
- readonly background: "#15171c";
146
- readonly subtle: "#1c1e24";
147
- readonly muted: "#1c1e24";
148
- readonly elevated: "#22252b";
149
- readonly topbar: "#15171c";
150
- readonly topbarLift: "#1c1e24";
151
- readonly topbarActive: "#22252b";
152
- readonly hover: "rgba(255, 255, 255, 0.05)";
153
- readonly pressed: "rgba(255, 255, 255, 0.08)";
154
- readonly inset: "rgba(255, 255, 255, 0.05)";
155
- readonly glass: "rgba(28, 30, 36, 0.90)";
131
+ readonly frame: "#09090b";
132
+ readonly background: "#101013";
133
+ readonly subtle: "#141418";
134
+ readonly elevated: "#1b1b20";
135
+ readonly hover: "rgba(255, 255, 255, 0.061)";
136
+ readonly pressed: "rgba(255, 255, 255, 0.094)";
137
+ readonly inset: "rgba(255, 255, 255, 0.028)";
138
+ readonly glass: "rgba(20, 20, 24, 0.90)";
156
139
  readonly scrim: "rgba(0, 0, 0, 0.6)";
157
- readonly veil: "rgba(21, 23, 28, 0.72)";
140
+ readonly veil: "rgba(9, 9, 11, 0.65)";
158
141
  readonly inverse: "#ffffff";
159
142
  };
160
143
  readonly text: {
161
- readonly primary: "#fafafa";
162
- readonly secondary: "#c9ced8";
163
- readonly tertiary: "#95a2b6";
164
- readonly muted: "#686b70";
165
- readonly onBrand: "#000000";
144
+ readonly primary: "#ededf0";
145
+ readonly secondary: "#b4b4bc";
146
+ readonly tertiary: "#9797a1";
147
+ readonly muted: "#5f5f68";
166
148
  readonly onAccent: "#ffffff";
167
149
  readonly inverse: "#09090b";
168
150
  };
169
151
  readonly brand: {
170
- readonly primary: "#ffffff";
171
- readonly primaryHover: "rgba(255, 255, 255, 0.9)";
172
- readonly primaryActive: "rgba(255, 255, 255, 0.82)";
173
- readonly accentInk: "#8b9ff5";
174
- readonly accentSoft: "rgba(84, 105, 212, 0.18)";
152
+ readonly accent: "#7c56ff";
153
+ readonly accentHover: "#744bf4";
154
+ readonly accentActive: "#6c40e9";
155
+ readonly accentInk: "#b3a1ff";
156
+ readonly accentSoft: "rgba(124, 86, 255, 0.16)";
157
+ readonly accentRgb: "124, 86, 255";
158
+ readonly accentSoftStrong: "rgba(124, 86, 255, 0.32)";
175
159
  };
176
160
  readonly border: {
177
- readonly default: "#3f4145";
178
- readonly hover: "#4a4d52";
179
- readonly strong: "#4a4d52";
180
- readonly strongHover: "#5a5e65";
181
- readonly control: "#7f848e";
161
+ readonly default: "#232329";
162
+ readonly hover: "#303038";
163
+ readonly strong: "#303038";
164
+ readonly strongHover: "#3e3e48";
165
+ readonly control: "#787983";
182
166
  };
183
- readonly focus: "#8b9ff5";
167
+ readonly focus: "#7e5bff";
184
168
  readonly feedback: {
185
- readonly success: "#14b8a6";
186
- readonly successInk: "#5eead4";
187
- readonly warning: "#f59e0b";
188
- readonly warningInk: "#fde68a";
189
- readonly danger: "#dc2626";
190
- readonly dangerHover: "#b91c1c";
191
- readonly dangerInk: "#fca5a5";
192
- readonly info: "#38bdf8";
193
- readonly infoInk: "#7dd3fc";
194
- readonly successSoft: "rgba(20, 184, 166, 0.12)";
195
- readonly successLine: "rgba(20, 184, 166, 0.3)";
196
- readonly warningSoft: "rgba(245, 158, 11, 0.12)";
197
- readonly warningLine: "rgba(245, 158, 11, 0.3)";
198
- readonly dangerSoft: "rgba(220, 38, 38, 0.12)";
199
- readonly dangerLine: "rgba(220, 38, 38, 0.3)";
200
- readonly infoSoft: "rgba(56, 189, 248, 0.12)";
201
- readonly infoLine: "rgba(56, 189, 248, 0.3)";
202
- };
203
- readonly phase: {
204
- readonly onboarding: "#f77ae9";
205
- readonly onboardingInk: "#ff82f1";
206
- readonly execute: "#ac6bff";
207
- readonly executeInk: "#d697ff";
208
- readonly review: "#00a24f";
209
- readonly reviewInk: "#46c872";
210
- readonly onboardingSoft: "rgba(247, 122, 233, 0.12)";
211
- readonly executeSoft: "rgba(172, 107, 255, 0.12)";
212
- readonly reviewSoft: "rgba(0, 162, 79, 0.12)";
169
+ readonly success: "#3ecf8f";
170
+ readonly successInk: "#72dead";
171
+ readonly warning: "#f4b221";
172
+ readonly warningInk: "#f6c86f";
173
+ readonly danger: "#e50055";
174
+ readonly dangerHover: "#d6004f";
175
+ readonly dangerInk: "#ff9a9a";
176
+ readonly info: "#4c9dff";
177
+ readonly infoInk: "#86beff";
178
+ readonly successSoft: "rgba(62, 207, 143, 0.12)";
179
+ readonly successLine: "rgba(62, 207, 143, 0.3)";
180
+ readonly warningSoft: "rgba(244, 178, 33, 0.12)";
181
+ readonly warningLine: "rgba(244, 178, 33, 0.3)";
182
+ readonly dangerSoft: "rgba(229, 0, 85, 0.12)";
183
+ readonly dangerLine: "rgba(229, 0, 85, 0.3)";
184
+ readonly infoSoft: "rgba(76, 157, 255, 0.12)";
185
+ readonly infoLine: "rgba(76, 157, 255, 0.3)";
213
186
  };
214
187
  readonly data: {
215
- readonly "1": "#a5b4fc";
216
- readonly "2": "#facc15";
217
- readonly "3": "#38bdf8";
218
- readonly "4": "#86efac";
219
- readonly "5": "#ec4899";
220
- readonly other: "#71717a";
188
+ readonly "1": "#458adc";
189
+ readonly "2": "#e4631f";
190
+ readonly "3": "#009c79";
191
+ readonly "4": "#c98500";
192
+ readonly other: "#6e6e78";
221
193
  };
222
194
  readonly node: {
223
195
  readonly purple: "#8e6ed4";
@@ -267,7 +239,7 @@ export declare const themes: {
267
239
  readonly hairline: "inset 0 1px 0 rgba(255, 255, 255, 0.04)";
268
240
  readonly focus: "0 0 0 2px var(--color-surface-background), 0 0 0 4px var(--color-focus)";
269
241
  readonly selection: "inset 0 0 0 2px var(--color-brand-accent)";
270
- readonly glow: "0 4px 24px rgba(84, 105, 212, 0.3)";
242
+ readonly glow: "0 4px 24px rgba(var(--color-brand-accent-rgb), 0.3)";
271
243
  };
272
244
  };
273
245
  };