@vellira-ui/tokens 2.98.5 → 2.98.7
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/dist/css/tokens.css +189 -240
- package/dist/dark/components/dropdown.d.ts +9 -9
- package/dist/dark/components/dropdown.d.ts.map +1 -1
- package/dist/dark/components/dropdown.js +4 -3
- package/dist/dark/components/input.d.ts +2 -2
- package/dist/dark/components/input.js +5 -5
- package/dist/dark/components/modal.js +1 -1
- package/dist/dark/components/radio.d.ts +1 -2
- package/dist/dark/components/radio.d.ts.map +1 -1
- package/dist/dark/components/radio.js +2 -2
- package/dist/dark/components/select.d.ts +1 -1
- package/dist/dark/components/select.js +3 -3
- package/dist/dark/semantic/action.d.ts +6 -6
- package/dist/dark/semantic/action.js +6 -6
- package/dist/dark/semantic/border.d.ts +1 -1
- package/dist/dark/semantic/border.js +1 -1
- package/dist/dark/semantic/control.d.ts +2 -2
- package/dist/dark/semantic/control.js +3 -3
- package/dist/dark/semantic/focus.d.ts +1 -1
- package/dist/dark/semantic/focus.js +1 -1
- package/dist/dark/semantic/icons.d.ts +2 -2
- package/dist/dark/semantic/icons.js +2 -2
- package/dist/dark/semantic/index.d.ts +0 -1
- package/dist/dark/semantic/index.d.ts.map +1 -1
- package/dist/dark/semantic/index.js +0 -1
- package/dist/dark/semantic/overlay.d.ts +2 -2
- package/dist/dark/semantic/overlay.js +2 -2
- package/dist/dark/semantic/status.d.ts +6 -6
- package/dist/dark/semantic/status.js +6 -6
- package/dist/dark/semantic/surface.d.ts +0 -1
- package/dist/dark/semantic/surface.d.ts.map +1 -1
- package/dist/dark/semantic/surface.js +0 -1
- package/dist/dark/semantic/text.d.ts +3 -3
- package/dist/dark/semantic/text.js +3 -3
- package/dist/factories/componentFocusRing.d.ts +13 -0
- package/dist/factories/componentFocusRing.d.ts.map +1 -0
- package/dist/factories/componentFocusRing.js +6 -0
- package/dist/factories/createContextMenuTokens.d.ts +2 -1
- package/dist/factories/createContextMenuTokens.d.ts.map +1 -1
- package/dist/factories/createContextMenuTokens.js +3 -2
- package/dist/factories/createModalTokens.d.ts +3 -2
- package/dist/factories/createModalTokens.d.ts.map +1 -1
- package/dist/factories/createModalTokens.js +4 -3
- package/dist/factories/createPopoverTokens.d.ts +1 -1
- package/dist/factories/createPopoverTokens.d.ts.map +1 -1
- package/dist/factories/createPopoverTokens.js +2 -2
- package/dist/factories/createRadioPalette.d.ts +1 -2
- package/dist/factories/createRadioPalette.d.ts.map +1 -1
- package/dist/factories/createRadioPalette.js +1 -2
- package/dist/factories/createSwitchTokens.d.ts +1 -1
- package/dist/factories/createSwitchTokens.d.ts.map +1 -1
- package/dist/factories/createSwitchTokens.js +3 -3
- package/dist/generated/token-types.d.ts +5 -5
- package/dist/generated/token-types.d.ts.map +1 -1
- package/dist/generated/token-types.js +220 -288
- package/dist/highContrast/components/dropdown.d.ts +8 -8
- package/dist/highContrast/components/dropdown.d.ts.map +1 -1
- package/dist/highContrast/components/dropdown.js +4 -3
- package/dist/highContrast/components/input.d.ts +5 -5
- package/dist/highContrast/components/input.js +5 -5
- package/dist/highContrast/components/radio.d.ts +1 -2
- package/dist/highContrast/components/radio.d.ts.map +1 -1
- package/dist/highContrast/components/radio.js +2 -2
- package/dist/highContrast/components/select.d.ts +2 -2
- package/dist/highContrast/components/select.js +3 -3
- package/dist/highContrast/semantic/action.d.ts +6 -6
- package/dist/highContrast/semantic/action.js +6 -6
- package/dist/highContrast/semantic/border.d.ts +1 -1
- package/dist/highContrast/semantic/border.js +1 -1
- package/dist/highContrast/semantic/control.d.ts +2 -2
- package/dist/highContrast/semantic/control.js +2 -2
- package/dist/highContrast/semantic/focus.d.ts +1 -1
- package/dist/highContrast/semantic/focus.js +1 -1
- package/dist/highContrast/semantic/icons.d.ts +4 -4
- package/dist/highContrast/semantic/icons.js +4 -4
- package/dist/highContrast/semantic/index.d.ts +0 -1
- package/dist/highContrast/semantic/index.d.ts.map +1 -1
- package/dist/highContrast/semantic/index.js +0 -1
- package/dist/highContrast/semantic/overlay.d.ts +2 -2
- package/dist/highContrast/semantic/overlay.js +2 -2
- package/dist/highContrast/semantic/status.d.ts +4 -4
- package/dist/highContrast/semantic/status.js +4 -4
- package/dist/highContrast/semantic/surface.d.ts +0 -1
- package/dist/highContrast/semantic/surface.d.ts.map +1 -1
- package/dist/highContrast/semantic/surface.js +0 -1
- package/dist/highContrast/semantic/text.d.ts +1 -1
- package/dist/highContrast/semantic/text.js +1 -1
- package/dist/light/components/dropdown.d.ts +8 -8
- package/dist/light/components/dropdown.d.ts.map +1 -1
- package/dist/light/components/dropdown.js +4 -3
- package/dist/light/components/input.d.ts +1 -1
- package/dist/light/components/input.js +5 -5
- package/dist/light/components/radio.d.ts +1 -2
- package/dist/light/components/radio.d.ts.map +1 -1
- package/dist/light/components/radio.js +2 -2
- package/dist/light/components/select.d.ts +1 -1
- package/dist/light/components/select.js +3 -3
- package/dist/light/semantic/action.d.ts +6 -6
- package/dist/light/semantic/action.js +6 -6
- package/dist/light/semantic/border.d.ts +1 -1
- package/dist/light/semantic/border.js +1 -1
- package/dist/light/semantic/control.d.ts +2 -2
- package/dist/light/semantic/control.js +2 -2
- package/dist/light/semantic/focus.d.ts +1 -1
- package/dist/light/semantic/focus.js +1 -1
- package/dist/light/semantic/icons.d.ts +2 -2
- package/dist/light/semantic/icons.js +2 -2
- package/dist/light/semantic/index.d.ts +0 -1
- package/dist/light/semantic/index.d.ts.map +1 -1
- package/dist/light/semantic/index.js +0 -1
- package/dist/light/semantic/menu.js +1 -1
- package/dist/light/semantic/overlay.d.ts +2 -2
- package/dist/light/semantic/overlay.js +2 -2
- package/dist/light/semantic/status.d.ts +4 -4
- package/dist/light/semantic/status.js +4 -4
- package/dist/light/semantic/surface.d.ts +0 -1
- package/dist/light/semantic/surface.d.ts.map +1 -1
- package/dist/light/semantic/surface.js +0 -1
- package/dist/light/semantic/text.d.ts +1 -1
- package/dist/light/semantic/text.js +1 -1
- package/dist/preservation/token-migrations.d.ts +213 -11
- package/dist/preservation/token-migrations.d.ts.map +1 -1
- package/dist/preservation/token-migrations.js +385 -19
- package/dist/token-architecture.d.ts +119 -5
- package/dist/token-architecture.d.ts.map +1 -1
- package/dist/token-architecture.js +206 -15
- package/package.json +1 -1
- package/dist/dark/semantic/navigation.d.ts +0 -34
- package/dist/dark/semantic/navigation.d.ts.map +0 -1
- package/dist/dark/semantic/navigation.js +0 -37
- package/dist/highContrast/semantic/navigation.d.ts +0 -34
- package/dist/highContrast/semantic/navigation.d.ts.map +0 -1
- package/dist/highContrast/semantic/navigation.js +0 -36
- package/dist/light/semantic/navigation.d.ts +0 -34
- package/dist/light/semantic/navigation.d.ts.map +0 -1
- package/dist/light/semantic/navigation.js +0 -37
package/dist/css/tokens.css
CHANGED
|
@@ -180,54 +180,54 @@
|
|
|
180
180
|
--action-primary-hover-bg: #5037C8;
|
|
181
181
|
--action-primary-hover-fg: #FFFFFF;
|
|
182
182
|
--action-primary-hover-border: #5037C8;
|
|
183
|
-
--action-primary-
|
|
184
|
-
--action-primary-
|
|
185
|
-
--action-primary-
|
|
183
|
+
--action-primary-pressed-bg: #402C9F;
|
|
184
|
+
--action-primary-pressed-fg: #FFFFFF;
|
|
185
|
+
--action-primary-pressed-border: #402C9F;
|
|
186
186
|
--action-primary-muted-bg: #E9E6FF;
|
|
187
187
|
--action-primary-muted-fg: #342580;
|
|
188
188
|
--action-primary-muted-border: #B8A8FF;
|
|
189
189
|
--action-primary-subtle-bg: #F4F3FF;
|
|
190
190
|
--action-primary-subtle-fg: #342580;
|
|
191
191
|
--action-primary-subtle-border: transparent;
|
|
192
|
-
--action-
|
|
193
|
-
--action-
|
|
194
|
-
--action-
|
|
195
|
-
--action-
|
|
196
|
-
--action-
|
|
197
|
-
--action-
|
|
198
|
-
--action-
|
|
199
|
-
--action-
|
|
200
|
-
--action-
|
|
201
|
-
--action-
|
|
202
|
-
--action-
|
|
203
|
-
--action-
|
|
204
|
-
--action-
|
|
205
|
-
--action-
|
|
206
|
-
--action-
|
|
207
|
-
--action-
|
|
208
|
-
--action-
|
|
209
|
-
--action-
|
|
210
|
-
--action-
|
|
211
|
-
--action-
|
|
212
|
-
--action-
|
|
213
|
-
--action-
|
|
214
|
-
--action-
|
|
215
|
-
--action-
|
|
216
|
-
--action-
|
|
217
|
-
--action-
|
|
218
|
-
--action-
|
|
219
|
-
--action-
|
|
220
|
-
--action-
|
|
221
|
-
--action-
|
|
192
|
+
--action-accent-default-bg: #0B7D95;
|
|
193
|
+
--action-accent-default-fg: #FFFFFF;
|
|
194
|
+
--action-accent-default-border: #0B7D95;
|
|
195
|
+
--action-accent-hover-bg: #0A6175;
|
|
196
|
+
--action-accent-hover-fg: #FFFFFF;
|
|
197
|
+
--action-accent-hover-border: #0A6175;
|
|
198
|
+
--action-accent-pressed-bg: #094C5E;
|
|
199
|
+
--action-accent-pressed-fg: #FFFFFF;
|
|
200
|
+
--action-accent-pressed-border: #094C5E;
|
|
201
|
+
--action-accent-muted-bg: #D9FBFF;
|
|
202
|
+
--action-accent-muted-fg: #094C5E;
|
|
203
|
+
--action-accent-muted-border: #79E8F8;
|
|
204
|
+
--action-accent-subtle-bg: #F2FDFF;
|
|
205
|
+
--action-accent-subtle-fg: #094C5E;
|
|
206
|
+
--action-accent-subtle-border: transparent;
|
|
207
|
+
--action-neutral-default-bg: #D4CEE8;
|
|
208
|
+
--action-neutral-default-fg: #231F31;
|
|
209
|
+
--action-neutral-default-border: #D4CEE8;
|
|
210
|
+
--action-neutral-hover-bg: #BBB2D2;
|
|
211
|
+
--action-neutral-hover-fg: #181521;
|
|
212
|
+
--action-neutral-hover-border: #BBB2D2;
|
|
213
|
+
--action-neutral-pressed-bg: #958CB0;
|
|
214
|
+
--action-neutral-pressed-fg: #FFFFFF;
|
|
215
|
+
--action-neutral-pressed-border: #958CB0;
|
|
216
|
+
--action-neutral-muted-bg: #EEE8FA;
|
|
217
|
+
--action-neutral-muted-fg: #2F2A42;
|
|
218
|
+
--action-neutral-muted-border: #BBB2D2;
|
|
219
|
+
--action-neutral-subtle-bg: #F4F1FB;
|
|
220
|
+
--action-neutral-subtle-fg: #3D3754;
|
|
221
|
+
--action-neutral-subtle-border: transparent;
|
|
222
222
|
--action-danger-default-bg: #BE123C;
|
|
223
223
|
--action-danger-default-fg: #FFFFFF;
|
|
224
224
|
--action-danger-default-border: #BE123C;
|
|
225
225
|
--action-danger-hover-bg: #9F1239;
|
|
226
226
|
--action-danger-hover-fg: #FFFFFF;
|
|
227
227
|
--action-danger-hover-border: #9F1239;
|
|
228
|
-
--action-danger-
|
|
229
|
-
--action-danger-
|
|
230
|
-
--action-danger-
|
|
228
|
+
--action-danger-pressed-bg: #881337;
|
|
229
|
+
--action-danger-pressed-fg: #FFFFFF;
|
|
230
|
+
--action-danger-pressed-border: #881337;
|
|
231
231
|
--action-danger-muted-bg: #FFE4E6;
|
|
232
232
|
--action-danger-muted-fg: #9F1239;
|
|
233
233
|
--action-danger-muted-border: #FDA4AF;
|
|
@@ -240,16 +240,16 @@
|
|
|
240
240
|
--border-strong: #6B6386;
|
|
241
241
|
--border-elevated: #D4CEE8;
|
|
242
242
|
--border-disabled: #E4DDF4;
|
|
243
|
-
--border-
|
|
243
|
+
--border-interactive: #5037C8;
|
|
244
244
|
--control-default-bg: #FFFFFF;
|
|
245
245
|
--control-default-fg: #3D3754;
|
|
246
246
|
--control-default-border: #BBB2D2;
|
|
247
247
|
--control-hover-bg: #F4F3FF;
|
|
248
248
|
--control-hover-fg: #402C9F;
|
|
249
249
|
--control-hover-border: #5037C8;
|
|
250
|
-
--control-
|
|
251
|
-
--control-
|
|
252
|
-
--control-
|
|
250
|
+
--control-pressed-bg: #E9E6FF;
|
|
251
|
+
--control-pressed-fg: #342580;
|
|
252
|
+
--control-pressed-border: #402C9F;
|
|
253
253
|
--control-disabled-bg: #F4F1FB;
|
|
254
254
|
--control-disabled-fg: #958CB0;
|
|
255
255
|
--control-disabled-border: #E4DDF4;
|
|
@@ -259,9 +259,9 @@
|
|
|
259
259
|
--control-selected-hover-bg: #5037C8;
|
|
260
260
|
--control-selected-hover-fg: #FFFFFF;
|
|
261
261
|
--control-selected-hover-border: #5037C8;
|
|
262
|
-
--control-selected-
|
|
263
|
-
--control-selected-
|
|
264
|
-
--control-selected-
|
|
262
|
+
--control-selected-pressed-bg: #402C9F;
|
|
263
|
+
--control-selected-pressed-fg: #FFFFFF;
|
|
264
|
+
--control-selected-pressed-border: #402C9F;
|
|
265
265
|
--control-selected-muted-bg: #E9E6FF;
|
|
266
266
|
--control-selected-muted-fg: #342580;
|
|
267
267
|
--control-selected-muted-border: #B8A8FF;
|
|
@@ -271,15 +271,15 @@
|
|
|
271
271
|
--focus-ring-color: #5037C8;
|
|
272
272
|
--focus-ring-width: 2px;
|
|
273
273
|
--focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
|
|
274
|
-
--focus-ring-offset: #FFFFFF;
|
|
274
|
+
--focus-ring-offset-color: #FFFFFF;
|
|
275
275
|
--icons-default: #3D3754;
|
|
276
276
|
--icons-secondary: #6B6386;
|
|
277
277
|
--icons-muted: #958CB0;
|
|
278
278
|
--icons-subtle: #958CB0;
|
|
279
279
|
--icons-disabled: #958CB0;
|
|
280
|
-
--icons-
|
|
280
|
+
--icons-interactive: #5037C8;
|
|
281
281
|
--icons-brand: #5037C8;
|
|
282
|
-
--icons-hover: #402C9F;
|
|
282
|
+
--icons-interactive-hover: #402C9F;
|
|
283
283
|
--icons-success: #14B8A6;
|
|
284
284
|
--icons-danger: #BE123C;
|
|
285
285
|
--icons-inverse: #FFFFFF;
|
|
@@ -303,29 +303,14 @@
|
|
|
303
303
|
--menu-item-danger-active-fg: #9F1239;
|
|
304
304
|
--menu-item-danger-disabled-bg: transparent;
|
|
305
305
|
--menu-item-danger-disabled-fg: #958CB0;
|
|
306
|
-
--navigation-hover-bg: #F4F1FB;
|
|
307
|
-
--navigation-hover-fg: #3D3754;
|
|
308
|
-
--navigation-active-bg: #EEE8FA;
|
|
309
|
-
--navigation-active-fg: #3D3754;
|
|
310
|
-
--navigation-brand-hover-bg: #F4F1FB;
|
|
311
|
-
--navigation-brand-hover-fg: #402C9F;
|
|
312
|
-
--navigation-tab-hover-fg: #402C9F;
|
|
313
|
-
--navigation-tab-focus-ring: #5037C8;
|
|
314
|
-
--navigation-option-hover-bg: #F4F1FB;
|
|
315
|
-
--navigation-option-hover-fg: #3D3754;
|
|
316
|
-
--navigation-option-active-bg: #EEE8FA;
|
|
317
|
-
--navigation-option-active-fg: #3D3754;
|
|
318
|
-
--navigation-trigger-hover-bg: #F4F1FB;
|
|
319
|
-
--navigation-trigger-hover-fg: #402C9F;
|
|
320
|
-
--navigation-border: #E4DDF4;
|
|
321
306
|
--overlay-backdrop: rgba(255, 255, 255, 0.12);
|
|
322
307
|
--overlay-tooltip-bg: #FFFFFF;
|
|
323
308
|
--overlay-tooltip-fg: #3D3754;
|
|
324
309
|
--overlay-tooltip-border: #E4DDF4;
|
|
325
|
-
--overlay-
|
|
326
|
-
--overlay-
|
|
327
|
-
--overlay-
|
|
328
|
-
--overlay-
|
|
310
|
+
--overlay-floating-bg: #FFFFFF;
|
|
311
|
+
--overlay-floating-border: #E4DDF4;
|
|
312
|
+
--overlay-dialog-bg: #FFFFFF;
|
|
313
|
+
--overlay-dialog-border: #E4DDF4;
|
|
329
314
|
--shadow-sm: 0 1px 2px rgba(24, 21, 33, 0.08);
|
|
330
315
|
--shadow-md: 0 4px 12px rgba(24, 21, 33, 0.12);
|
|
331
316
|
--shadow-lg: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
|
|
@@ -337,28 +322,27 @@
|
|
|
337
322
|
--status-success-bg: #F0FDFA;
|
|
338
323
|
--status-success-border: #0F766E;
|
|
339
324
|
--status-success-ring: #14B8A6;
|
|
340
|
-
--status-success-
|
|
325
|
+
--status-success-emphasis-fg: #115E59;
|
|
341
326
|
--status-error-fg: #BE123C;
|
|
342
327
|
--status-error-bg: #FFE4E6;
|
|
343
328
|
--status-error-border: #E11D48;
|
|
344
329
|
--status-error-ring: #F43F5E;
|
|
345
|
-
--status-error-
|
|
330
|
+
--status-error-emphasis-fg: #9F1239;
|
|
346
331
|
--status-warning-fg: #B45309;
|
|
347
332
|
--status-warning-bg: #FFFBEB;
|
|
348
333
|
--status-warning-border: #B45309;
|
|
349
334
|
--status-warning-ring: #F59E0B;
|
|
350
|
-
--status-warning-
|
|
335
|
+
--status-warning-emphasis-fg: #92400E;
|
|
351
336
|
--status-info-fg: #0C4A6E;
|
|
352
337
|
--status-info-bg: #F0F9FF;
|
|
353
338
|
--status-info-border: #0369A1;
|
|
354
339
|
--status-info-ring: #0369A1;
|
|
355
|
-
--status-info-
|
|
340
|
+
--status-info-emphasis-fg: #082F49;
|
|
356
341
|
--surface-canvas: #FAF8FF;
|
|
357
342
|
--surface-default: #FAF8FF;
|
|
358
343
|
--surface-muted: #F4F1FB;
|
|
359
344
|
--surface-subtle: #FDFCFF;
|
|
360
345
|
--surface-elevated: #FFFFFF;
|
|
361
|
-
--surface-background: #FFFFFF;
|
|
362
346
|
--surface-hover: #F4F1FB;
|
|
363
347
|
--surface-active: #EEE8FA;
|
|
364
348
|
--surface-pressed: #E4DDF4;
|
|
@@ -373,7 +357,7 @@
|
|
|
373
357
|
--text-brand: #5037C8;
|
|
374
358
|
--text-interactive: #5037C8;
|
|
375
359
|
--text-interactive-hover: #402C9F;
|
|
376
|
-
--text-interactive-
|
|
360
|
+
--text-interactive-pressed: #342580;
|
|
377
361
|
--text-inverse: #FFFFFF;
|
|
378
362
|
--accordion-root-bg: #FAF8FF;
|
|
379
363
|
--accordion-root-border: #E4DDF4;
|
|
@@ -1261,7 +1245,7 @@
|
|
|
1261
1245
|
--input-clear-button-hover-fg: #BE123C;
|
|
1262
1246
|
--input-clear-button-hover-bg: #FFE4E6;
|
|
1263
1247
|
--input-clear-button-focus-bg: #FDFCFF;
|
|
1264
|
-
--input-clear-button-pressed-bg: #
|
|
1248
|
+
--input-clear-button-pressed-bg: #E4DDF4;
|
|
1265
1249
|
--input-reveal-button-fg: #3D3754;
|
|
1266
1250
|
--input-reveal-button-hover-fg: #3D3754;
|
|
1267
1251
|
--input-reveal-button-hover-bg: #F4F1FB;
|
|
@@ -1366,8 +1350,7 @@
|
|
|
1366
1350
|
--radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
|
|
1367
1351
|
--radio-motion-indicator-duration: 180ms;
|
|
1368
1352
|
--radio-motion-selected-duration: 260ms;
|
|
1369
|
-
--radio-motion-pressed-scale: 0.
|
|
1370
|
-
--radio-motion-active-scale: 0.92;
|
|
1353
|
+
--radio-motion-pressed-scale: 0.92;
|
|
1371
1354
|
--radio-motion-pressed-opacity: 0.8;
|
|
1372
1355
|
--radio-default-bg: #FFFFFF;
|
|
1373
1356
|
--radio-default-fg: #3D3754;
|
|
@@ -2152,7 +2135,7 @@
|
|
|
2152
2135
|
--select-clear-button-hover-fg: #BE123C;
|
|
2153
2136
|
--select-clear-button-hover-bg: #FFE4E6;
|
|
2154
2137
|
--select-clear-button-focus-bg: #FDFCFF;
|
|
2155
|
-
--select-clear-button-pressed-bg: #
|
|
2138
|
+
--select-clear-button-pressed-bg: #E4DDF4;
|
|
2156
2139
|
--select-option-default-bg: transparent;
|
|
2157
2140
|
--select-option-default-fg: #3D3754;
|
|
2158
2141
|
--select-option-default-border: transparent;
|
|
@@ -2490,54 +2473,54 @@
|
|
|
2490
2473
|
--action-primary-hover-bg: #7352F8;
|
|
2491
2474
|
--action-primary-hover-fg: #FFFFFF;
|
|
2492
2475
|
--action-primary-hover-border: #7352F8;
|
|
2493
|
-
--action-primary-
|
|
2494
|
-
--action-primary-
|
|
2495
|
-
--action-primary-
|
|
2476
|
+
--action-primary-pressed-bg: #5037C8;
|
|
2477
|
+
--action-primary-pressed-fg: #FFFFFF;
|
|
2478
|
+
--action-primary-pressed-border: #5037C8;
|
|
2496
2479
|
--action-primary-muted-bg: #342580;
|
|
2497
2480
|
--action-primary-muted-fg: #FFFFFF;
|
|
2498
2481
|
--action-primary-muted-border: #5037C8;
|
|
2499
2482
|
--action-primary-subtle-bg: #D4CCFF;
|
|
2500
2483
|
--action-primary-subtle-fg: #402C9F;
|
|
2501
2484
|
--action-primary-subtle-border: transparent;
|
|
2502
|
-
--action-
|
|
2503
|
-
--action-
|
|
2504
|
-
--action-
|
|
2505
|
-
--action-
|
|
2506
|
-
--action-
|
|
2507
|
-
--action-
|
|
2508
|
-
--action-
|
|
2509
|
-
--action-
|
|
2510
|
-
--action-
|
|
2511
|
-
--action-
|
|
2512
|
-
--action-
|
|
2513
|
-
--action-
|
|
2514
|
-
--action-
|
|
2515
|
-
--action-
|
|
2516
|
-
--action-
|
|
2517
|
-
--action-
|
|
2518
|
-
--action-
|
|
2519
|
-
--action-
|
|
2520
|
-
--action-
|
|
2521
|
-
--action-
|
|
2522
|
-
--action-
|
|
2523
|
-
--action-
|
|
2524
|
-
--action-
|
|
2525
|
-
--action-
|
|
2526
|
-
--action-
|
|
2527
|
-
--action-
|
|
2528
|
-
--action-
|
|
2529
|
-
--action-
|
|
2530
|
-
--action-
|
|
2531
|
-
--action-
|
|
2485
|
+
--action-accent-default-bg: #1FBEDB;
|
|
2486
|
+
--action-accent-default-fg: #000000;
|
|
2487
|
+
--action-accent-default-border: #1FBEDB;
|
|
2488
|
+
--action-accent-hover-bg: #3ED5EE;
|
|
2489
|
+
--action-accent-hover-fg: #000000;
|
|
2490
|
+
--action-accent-hover-border: #3ED5EE;
|
|
2491
|
+
--action-accent-pressed-bg: #0F9BB8;
|
|
2492
|
+
--action-accent-pressed-fg: #000000;
|
|
2493
|
+
--action-accent-pressed-border: #0F9BB8;
|
|
2494
|
+
--action-accent-muted-bg: #094C5E;
|
|
2495
|
+
--action-accent-muted-fg: #FFFFFF;
|
|
2496
|
+
--action-accent-muted-border: #0B7D95;
|
|
2497
|
+
--action-accent-subtle-bg: #B4F4FD;
|
|
2498
|
+
--action-accent-subtle-fg: #0A6175;
|
|
2499
|
+
--action-accent-subtle-border: transparent;
|
|
2500
|
+
--action-neutral-default-bg: #BBB2D2;
|
|
2501
|
+
--action-neutral-default-fg: #000000;
|
|
2502
|
+
--action-neutral-default-border: #BBB2D2;
|
|
2503
|
+
--action-neutral-hover-bg: #E4DDF4;
|
|
2504
|
+
--action-neutral-hover-fg: #000000;
|
|
2505
|
+
--action-neutral-hover-border: #E4DDF4;
|
|
2506
|
+
--action-neutral-pressed-bg: #6B6386;
|
|
2507
|
+
--action-neutral-pressed-fg: #FFFFFF;
|
|
2508
|
+
--action-neutral-pressed-border: #6B6386;
|
|
2509
|
+
--action-neutral-muted-bg: #231F31;
|
|
2510
|
+
--action-neutral-muted-fg: #FFFFFF;
|
|
2511
|
+
--action-neutral-muted-border: #3D3754;
|
|
2512
|
+
--action-neutral-subtle-bg: #EEE8FA;
|
|
2513
|
+
--action-neutral-subtle-fg: #BBB2D2;
|
|
2514
|
+
--action-neutral-subtle-border: transparent;
|
|
2532
2515
|
--action-danger-default-bg: #E11D48;
|
|
2533
2516
|
--action-danger-default-fg: #FFFFFF;
|
|
2534
2517
|
--action-danger-default-border: #E11D48;
|
|
2535
2518
|
--action-danger-hover-bg: #F43F5E;
|
|
2536
2519
|
--action-danger-hover-fg: #FFFFFF;
|
|
2537
2520
|
--action-danger-hover-border: #F43F5E;
|
|
2538
|
-
--action-danger-
|
|
2539
|
-
--action-danger-
|
|
2540
|
-
--action-danger-
|
|
2521
|
+
--action-danger-pressed-bg: #BE123C;
|
|
2522
|
+
--action-danger-pressed-fg: #FFFFFF;
|
|
2523
|
+
--action-danger-pressed-border: #BE123C;
|
|
2541
2524
|
--action-danger-muted-bg: #881337;
|
|
2542
2525
|
--action-danger-muted-fg: #FECDD3;
|
|
2543
2526
|
--action-danger-muted-border: #BE123C;
|
|
@@ -2550,16 +2533,16 @@
|
|
|
2550
2533
|
--border-strong: #6B6386;
|
|
2551
2534
|
--border-elevated: #4F4867;
|
|
2552
2535
|
--border-disabled: #3D3754;
|
|
2553
|
-
--border-
|
|
2536
|
+
--border-interactive: #B8A8FF;
|
|
2554
2537
|
--control-default-bg: #2F2A42;
|
|
2555
2538
|
--control-default-fg: #F4F1FB;
|
|
2556
2539
|
--control-default-border: #4F4867;
|
|
2557
2540
|
--control-hover-bg: #2F2A42;
|
|
2558
2541
|
--control-hover-fg: #B8A8FF;
|
|
2559
2542
|
--control-hover-border: #B8A8FF;
|
|
2560
|
-
--control-
|
|
2561
|
-
--control-
|
|
2562
|
-
--control-
|
|
2543
|
+
--control-pressed-bg: #3D3754;
|
|
2544
|
+
--control-pressed-fg: #B8A8FF;
|
|
2545
|
+
--control-pressed-border: #B8A8FF;
|
|
2563
2546
|
--control-disabled-bg: #2F2A42;
|
|
2564
2547
|
--control-disabled-fg: #6B6386;
|
|
2565
2548
|
--control-disabled-border: #3D3754;
|
|
@@ -2569,9 +2552,9 @@
|
|
|
2569
2552
|
--control-selected-hover-bg: #9B7CFF;
|
|
2570
2553
|
--control-selected-hover-fg: #FFFFFF;
|
|
2571
2554
|
--control-selected-hover-border: #9B7CFF;
|
|
2572
|
-
--control-selected-
|
|
2573
|
-
--control-selected-
|
|
2574
|
-
--control-selected-
|
|
2555
|
+
--control-selected-pressed-bg: #6346E8;
|
|
2556
|
+
--control-selected-pressed-fg: #FFFFFF;
|
|
2557
|
+
--control-selected-pressed-border: #6346E8;
|
|
2575
2558
|
--control-selected-muted-bg: #402C9F;
|
|
2576
2559
|
--control-selected-muted-fg: #E9E6FF;
|
|
2577
2560
|
--control-selected-muted-border: #6346E8;
|
|
@@ -2581,15 +2564,15 @@
|
|
|
2581
2564
|
--focus-ring-color: #B8A8FF;
|
|
2582
2565
|
--focus-ring-width: 2px;
|
|
2583
2566
|
--focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
|
|
2584
|
-
--focus-ring-offset: #181521;
|
|
2567
|
+
--focus-ring-offset-color: #181521;
|
|
2585
2568
|
--icons-default: #F4F1FB;
|
|
2586
2569
|
--icons-secondary: #E5E7EB;
|
|
2587
2570
|
--icons-muted: #958CB0;
|
|
2588
2571
|
--icons-subtle: #6B6386;
|
|
2589
2572
|
--icons-disabled: #6B6386;
|
|
2590
|
-
--icons-
|
|
2573
|
+
--icons-interactive: #B8A8FF;
|
|
2591
2574
|
--icons-brand: #B8A8FF;
|
|
2592
|
-
--icons-hover: #D4CCFF;
|
|
2575
|
+
--icons-interactive-hover: #D4CCFF;
|
|
2593
2576
|
--icons-success: #2DD4BF;
|
|
2594
2577
|
--icons-danger: #FB7185;
|
|
2595
2578
|
--icons-inverse: #000000;
|
|
@@ -2613,29 +2596,14 @@
|
|
|
2613
2596
|
--menu-item-danger-active-fg: #FB7185;
|
|
2614
2597
|
--menu-item-danger-disabled-bg: transparent;
|
|
2615
2598
|
--menu-item-danger-disabled-fg: #6B6386;
|
|
2616
|
-
--navigation-hover-bg: #2F2A42;
|
|
2617
|
-
--navigation-hover-fg: #F4F1FB;
|
|
2618
|
-
--navigation-active-bg: #3D3754;
|
|
2619
|
-
--navigation-active-fg: #F4F1FB;
|
|
2620
|
-
--navigation-brand-hover-bg: #2F2A42;
|
|
2621
|
-
--navigation-brand-hover-fg: #D4CCFF;
|
|
2622
|
-
--navigation-tab-hover-fg: #D4CCFF;
|
|
2623
|
-
--navigation-tab-focus-ring: #F59E0B;
|
|
2624
|
-
--navigation-option-hover-bg: #2F2A42;
|
|
2625
|
-
--navigation-option-hover-fg: #F4F1FB;
|
|
2626
|
-
--navigation-option-active-bg: #3D3754;
|
|
2627
|
-
--navigation-option-active-fg: #F4F1FB;
|
|
2628
|
-
--navigation-trigger-hover-bg: #2F2A42;
|
|
2629
|
-
--navigation-trigger-hover-fg: #F4F1FB;
|
|
2630
|
-
--navigation-border: #3D3754;
|
|
2631
2599
|
--overlay-backdrop: rgba(0, 0, 0, 0.72);
|
|
2632
2600
|
--overlay-tooltip-bg: #2F2A42;
|
|
2633
2601
|
--overlay-tooltip-fg: #F4F1FB;
|
|
2634
2602
|
--overlay-tooltip-border: #4F4867;
|
|
2635
|
-
--overlay-
|
|
2636
|
-
--overlay-
|
|
2637
|
-
--overlay-
|
|
2638
|
-
--overlay-
|
|
2603
|
+
--overlay-floating-bg: #242034;
|
|
2604
|
+
--overlay-floating-border: #3D3754;
|
|
2605
|
+
--overlay-dialog-bg: #242034;
|
|
2606
|
+
--overlay-dialog-border: #3D3754;
|
|
2639
2607
|
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.12);
|
|
2640
2608
|
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.22);
|
|
2641
2609
|
--shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
|
|
@@ -2647,28 +2615,27 @@
|
|
|
2647
2615
|
--status-success-bg: rgba(52, 211, 153, 0.14);
|
|
2648
2616
|
--status-success-border: #2DD4BF;
|
|
2649
2617
|
--status-success-ring: #5EEAD4;
|
|
2650
|
-
--status-success-
|
|
2618
|
+
--status-success-emphasis-fg: #0F9E94;
|
|
2651
2619
|
--status-error-fg: #FB7185;
|
|
2652
2620
|
--status-error-bg: rgba(251, 113, 133, 0.16);
|
|
2653
2621
|
--status-error-border: #FB7185;
|
|
2654
2622
|
--status-error-ring: #FB7185;
|
|
2655
|
-
--status-error-
|
|
2623
|
+
--status-error-emphasis-fg: #E11D48;
|
|
2656
2624
|
--status-warning-fg: #FBBF24;
|
|
2657
2625
|
--status-warning-bg: rgba(251, 191, 36, 0.14);
|
|
2658
2626
|
--status-warning-border: #FBBF24;
|
|
2659
|
-
--status-warning-ring: #
|
|
2660
|
-
--status-warning-
|
|
2627
|
+
--status-warning-ring: #FCD34D;
|
|
2628
|
+
--status-warning-emphasis-fg: #D97706;
|
|
2661
2629
|
--status-info-fg: #7DD3FC;
|
|
2662
2630
|
--status-info-bg: rgba(56, 189, 248, 0.14);
|
|
2663
2631
|
--status-info-border: #7DD3FC;
|
|
2664
|
-
--status-info-ring: #
|
|
2665
|
-
--status-info-
|
|
2632
|
+
--status-info-ring: #7DD3FC;
|
|
2633
|
+
--status-info-emphasis-fg: #0369A1;
|
|
2666
2634
|
--surface-canvas: #000000;
|
|
2667
2635
|
--surface-default: #181521;
|
|
2668
2636
|
--surface-muted: #231F31;
|
|
2669
2637
|
--surface-subtle: #242034;
|
|
2670
2638
|
--surface-elevated: #2F2A42;
|
|
2671
|
-
--surface-background: #181521;
|
|
2672
2639
|
--surface-hover: #2F2A42;
|
|
2673
2640
|
--surface-active: #3D3754;
|
|
2674
2641
|
--surface-pressed: #4F4867;
|
|
@@ -2677,13 +2644,13 @@
|
|
|
2677
2644
|
--surface-inverse: #FFFFFF;
|
|
2678
2645
|
--text-primary: #F4F1FB;
|
|
2679
2646
|
--text-secondary: #BBB2D2;
|
|
2680
|
-
--text-muted: #
|
|
2681
|
-
--text-subtle: #
|
|
2647
|
+
--text-muted: #9CA3AF;
|
|
2648
|
+
--text-subtle: #958CB0;
|
|
2682
2649
|
--text-disabled: #6B6386;
|
|
2683
2650
|
--text-brand: #B8A8FF;
|
|
2684
2651
|
--text-interactive: #B8A8FF;
|
|
2685
2652
|
--text-interactive-hover: #9B7CFF;
|
|
2686
|
-
--text-interactive-
|
|
2653
|
+
--text-interactive-pressed: #7352F8;
|
|
2687
2654
|
--text-inverse: #000000;
|
|
2688
2655
|
--accordion-root-bg: #181521;
|
|
2689
2656
|
--accordion-root-border: #3D3754;
|
|
@@ -3249,14 +3216,14 @@
|
|
|
3249
3216
|
--dropdown-item-danger-disabled-fg: #6B6386;
|
|
3250
3217
|
--dropdown-group-label-fg: #BBB2D2;
|
|
3251
3218
|
--dropdown-separator-bg: #3D3754;
|
|
3252
|
-
--dropdown-separator-fg: #
|
|
3219
|
+
--dropdown-separator-fg: #9CA3AF;
|
|
3253
3220
|
--form-field-label-fg: #F4F1FB;
|
|
3254
3221
|
--form-field-optional-fg: #BBB2D2;
|
|
3255
3222
|
--form-field-label-info-fg: #BBB2D2;
|
|
3256
3223
|
--form-field-label-info-border: #BBB2D2;
|
|
3257
3224
|
--form-field-label-info-radius: 999px;
|
|
3258
3225
|
--form-field-description-fg: #BBB2D2;
|
|
3259
|
-
--form-field-helper-text-default-fg: #
|
|
3226
|
+
--form-field-helper-text-default-fg: #9CA3AF;
|
|
3260
3227
|
--form-field-helper-text-error-fg: #FB7185;
|
|
3261
3228
|
--form-field-helper-text-success-fg: #2DD4BF;
|
|
3262
3229
|
--form-field-helper-text-warning-fg: #FBBF24;
|
|
@@ -3557,7 +3524,7 @@
|
|
|
3557
3524
|
--input-read-only-bg: #242034;
|
|
3558
3525
|
--input-read-only-fg: #BBB2D2;
|
|
3559
3526
|
--input-read-only-border: #3D3754;
|
|
3560
|
-
--input-read-only-placeholder: #
|
|
3527
|
+
--input-read-only-placeholder: #9CA3AF;
|
|
3561
3528
|
--input-read-only-icon: #958CB0;
|
|
3562
3529
|
--input-icon-default: #F4F1FB;
|
|
3563
3530
|
--input-icon-primary: #B8A8FF;
|
|
@@ -3571,7 +3538,7 @@
|
|
|
3571
3538
|
--input-clear-button-hover-fg: #FB7185;
|
|
3572
3539
|
--input-clear-button-hover-bg: rgba(251, 113, 133, 0.16);
|
|
3573
3540
|
--input-clear-button-focus-bg: #242034;
|
|
3574
|
-
--input-clear-button-pressed-bg: #
|
|
3541
|
+
--input-clear-button-pressed-bg: #4F4867;
|
|
3575
3542
|
--input-reveal-button-fg: #F4F1FB;
|
|
3576
3543
|
--input-reveal-button-hover-fg: #F4F1FB;
|
|
3577
3544
|
--input-reveal-button-hover-bg: #2F2A42;
|
|
@@ -3620,7 +3587,7 @@
|
|
|
3620
3587
|
--modal-close-button-hover-bg: #2F2A42;
|
|
3621
3588
|
--modal-close-button-hover-fg: #F4F1FB;
|
|
3622
3589
|
--modal-close-button-hover-border: transparent;
|
|
3623
|
-
--modal-close-button-pressed-bg: #
|
|
3590
|
+
--modal-close-button-pressed-bg: #4F4867;
|
|
3624
3591
|
--modal-close-button-pressed-fg: #F4F1FB;
|
|
3625
3592
|
--modal-close-button-pressed-border: transparent;
|
|
3626
3593
|
--modal-close-button-focus-ring-color: #B8A8FF;
|
|
@@ -3676,8 +3643,7 @@
|
|
|
3676
3643
|
--radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
|
|
3677
3644
|
--radio-motion-indicator-duration: 180ms;
|
|
3678
3645
|
--radio-motion-selected-duration: 260ms;
|
|
3679
|
-
--radio-motion-pressed-scale: 0.
|
|
3680
|
-
--radio-motion-active-scale: 0.92;
|
|
3646
|
+
--radio-motion-pressed-scale: 0.92;
|
|
3681
3647
|
--radio-motion-pressed-opacity: 0.8;
|
|
3682
3648
|
--radio-default-bg: #2F2A42;
|
|
3683
3649
|
--radio-default-fg: #F4F1FB;
|
|
@@ -4462,7 +4428,7 @@
|
|
|
4462
4428
|
--select-clear-button-hover-fg: #FB7185;
|
|
4463
4429
|
--select-clear-button-hover-bg: rgba(251, 113, 133, 0.16);
|
|
4464
4430
|
--select-clear-button-focus-bg: #242034;
|
|
4465
|
-
--select-clear-button-pressed-bg: #
|
|
4431
|
+
--select-clear-button-pressed-bg: #4F4867;
|
|
4466
4432
|
--select-option-default-bg: transparent;
|
|
4467
4433
|
--select-option-default-fg: #F4F1FB;
|
|
4468
4434
|
--select-option-default-border: transparent;
|
|
@@ -4800,54 +4766,54 @@
|
|
|
4800
4766
|
--action-primary-hover-bg: #9B7CFF;
|
|
4801
4767
|
--action-primary-hover-fg: #000000;
|
|
4802
4768
|
--action-primary-hover-border: #D4CCFF;
|
|
4803
|
-
--action-primary-
|
|
4804
|
-
--action-primary-
|
|
4805
|
-
--action-primary-
|
|
4769
|
+
--action-primary-pressed-bg: #6346E8;
|
|
4770
|
+
--action-primary-pressed-fg: #FFFFFF;
|
|
4771
|
+
--action-primary-pressed-border: #B8A8FF;
|
|
4806
4772
|
--action-primary-muted-bg: #21164F;
|
|
4807
4773
|
--action-primary-muted-fg: #E9E6FF;
|
|
4808
4774
|
--action-primary-muted-border: #B8A8FF;
|
|
4809
4775
|
--action-primary-subtle-bg: #111827;
|
|
4810
4776
|
--action-primary-subtle-fg: #D4CCFF;
|
|
4811
4777
|
--action-primary-subtle-border: transparent;
|
|
4812
|
-
--action-
|
|
4813
|
-
--action-
|
|
4814
|
-
--action-
|
|
4815
|
-
--action-
|
|
4816
|
-
--action-
|
|
4817
|
-
--action-
|
|
4818
|
-
--action-
|
|
4819
|
-
--action-
|
|
4820
|
-
--action-
|
|
4821
|
-
--action-
|
|
4822
|
-
--action-
|
|
4823
|
-
--action-
|
|
4824
|
-
--action-
|
|
4825
|
-
--action-
|
|
4826
|
-
--action-
|
|
4827
|
-
--action-
|
|
4828
|
-
--action-
|
|
4829
|
-
--action-
|
|
4830
|
-
--action-
|
|
4831
|
-
--action-
|
|
4832
|
-
--action-
|
|
4833
|
-
--action-
|
|
4834
|
-
--action-
|
|
4835
|
-
--action-
|
|
4836
|
-
--action-
|
|
4837
|
-
--action-
|
|
4838
|
-
--action-
|
|
4839
|
-
--action-
|
|
4840
|
-
--action-
|
|
4841
|
-
--action-
|
|
4778
|
+
--action-accent-default-bg: #79E8F8;
|
|
4779
|
+
--action-accent-default-fg: #000000;
|
|
4780
|
+
--action-accent-default-border: #FFFFFF;
|
|
4781
|
+
--action-accent-hover-bg: #B4F4FD;
|
|
4782
|
+
--action-accent-hover-fg: #000000;
|
|
4783
|
+
--action-accent-hover-border: #79E8F8;
|
|
4784
|
+
--action-accent-pressed-bg: #3ED5EE;
|
|
4785
|
+
--action-accent-pressed-fg: #000000;
|
|
4786
|
+
--action-accent-pressed-border: #FCD34D;
|
|
4787
|
+
--action-accent-muted-bg: #062F3B;
|
|
4788
|
+
--action-accent-muted-fg: #D9FBFF;
|
|
4789
|
+
--action-accent-muted-border: #79E8F8;
|
|
4790
|
+
--action-accent-subtle-bg: #111827;
|
|
4791
|
+
--action-accent-subtle-fg: #B4F4FD;
|
|
4792
|
+
--action-accent-subtle-border: transparent;
|
|
4793
|
+
--action-neutral-default-bg: #FFFFFF;
|
|
4794
|
+
--action-neutral-default-fg: #000000;
|
|
4795
|
+
--action-neutral-default-border: #000000;
|
|
4796
|
+
--action-neutral-hover-bg: #E5E7EB;
|
|
4797
|
+
--action-neutral-hover-fg: #000000;
|
|
4798
|
+
--action-neutral-hover-border: #0B1120;
|
|
4799
|
+
--action-neutral-pressed-bg: #9CA3AF;
|
|
4800
|
+
--action-neutral-pressed-fg: #000000;
|
|
4801
|
+
--action-neutral-pressed-border: #0B1120;
|
|
4802
|
+
--action-neutral-muted-bg: #1F2937;
|
|
4803
|
+
--action-neutral-muted-fg: #FFFFFF;
|
|
4804
|
+
--action-neutral-muted-border: #D1D5DB;
|
|
4805
|
+
--action-neutral-subtle-bg: #111827;
|
|
4806
|
+
--action-neutral-subtle-fg: #FFFFFF;
|
|
4807
|
+
--action-neutral-subtle-border: transparent;
|
|
4842
4808
|
--action-danger-default-bg: #E11D48;
|
|
4843
4809
|
--action-danger-default-fg: #FFFFFF;
|
|
4844
4810
|
--action-danger-default-border: #FFFFFF;
|
|
4845
4811
|
--action-danger-hover-bg: #F43F5E;
|
|
4846
4812
|
--action-danger-hover-fg: #000000;
|
|
4847
4813
|
--action-danger-hover-border: #FCD34D;
|
|
4848
|
-
--action-danger-
|
|
4849
|
-
--action-danger-
|
|
4850
|
-
--action-danger-
|
|
4814
|
+
--action-danger-pressed-bg: #BE123C;
|
|
4815
|
+
--action-danger-pressed-fg: #FFFFFF;
|
|
4816
|
+
--action-danger-pressed-border: #FCD34D;
|
|
4851
4817
|
--action-danger-muted-bg: #4C0519;
|
|
4852
4818
|
--action-danger-muted-fg: #FECDD3;
|
|
4853
4819
|
--action-danger-muted-border: #FDA4AF;
|
|
@@ -4860,16 +4826,16 @@
|
|
|
4860
4826
|
--border-strong: #FCD34D;
|
|
4861
4827
|
--border-elevated: #D1D5DB;
|
|
4862
4828
|
--border-disabled: #4B5563;
|
|
4863
|
-
--border-
|
|
4829
|
+
--border-interactive: #FCD34D;
|
|
4864
4830
|
--control-default-bg: #000000;
|
|
4865
4831
|
--control-default-fg: #FFFFFF;
|
|
4866
4832
|
--control-default-border: #9CA3AF;
|
|
4867
4833
|
--control-hover-bg: #374151;
|
|
4868
4834
|
--control-hover-fg: #FBBF24;
|
|
4869
4835
|
--control-hover-border: #FCD34D;
|
|
4870
|
-
--control-
|
|
4871
|
-
--control-
|
|
4872
|
-
--control-
|
|
4836
|
+
--control-pressed-bg: #374151;
|
|
4837
|
+
--control-pressed-fg: #FFFFFF;
|
|
4838
|
+
--control-pressed-border: #FDE68A;
|
|
4873
4839
|
--control-disabled-bg: #111827;
|
|
4874
4840
|
--control-disabled-fg: #6B7280;
|
|
4875
4841
|
--control-disabled-border: #4B5563;
|
|
@@ -4879,9 +4845,9 @@
|
|
|
4879
4845
|
--control-selected-hover-bg: #FDE68A;
|
|
4880
4846
|
--control-selected-hover-fg: #000000;
|
|
4881
4847
|
--control-selected-hover-border: #FDE68A;
|
|
4882
|
-
--control-selected-
|
|
4883
|
-
--control-selected-
|
|
4884
|
-
--control-selected-
|
|
4848
|
+
--control-selected-pressed-bg: #FBBF24;
|
|
4849
|
+
--control-selected-pressed-fg: #000000;
|
|
4850
|
+
--control-selected-pressed-border: #FBBF24;
|
|
4885
4851
|
--control-selected-muted-bg: #1F2937;
|
|
4886
4852
|
--control-selected-muted-fg: #FDE68A;
|
|
4887
4853
|
--control-selected-muted-border: #FCD34D;
|
|
@@ -4891,15 +4857,15 @@
|
|
|
4891
4857
|
--focus-ring-color: #FCD34D;
|
|
4892
4858
|
--focus-ring-width: 2px;
|
|
4893
4859
|
--focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
|
|
4894
|
-
--focus-ring-offset: #000000;
|
|
4860
|
+
--focus-ring-offset-color: #000000;
|
|
4895
4861
|
--icons-default: #FFFFFF;
|
|
4896
4862
|
--icons-secondary: #E5E7EB;
|
|
4897
|
-
--icons-muted: #
|
|
4898
|
-
--icons-subtle: #
|
|
4863
|
+
--icons-muted: #D1D5DB;
|
|
4864
|
+
--icons-subtle: #9CA3AF;
|
|
4899
4865
|
--icons-disabled: #6B7280;
|
|
4900
|
-
--icons-
|
|
4866
|
+
--icons-interactive: #FCD34D;
|
|
4901
4867
|
--icons-brand: #FCD34D;
|
|
4902
|
-
--icons-hover: #FDE68A;
|
|
4868
|
+
--icons-interactive-hover: #FDE68A;
|
|
4903
4869
|
--icons-success: #5EEAD4;
|
|
4904
4870
|
--icons-danger: #FDA4AF;
|
|
4905
4871
|
--icons-inverse: #000000;
|
|
@@ -4923,29 +4889,14 @@
|
|
|
4923
4889
|
--menu-item-danger-active-fg: #FFFFFF;
|
|
4924
4890
|
--menu-item-danger-disabled-bg: transparent;
|
|
4925
4891
|
--menu-item-danger-disabled-fg: #6B7280;
|
|
4926
|
-
--navigation-hover-bg: #374151;
|
|
4927
|
-
--navigation-hover-fg: #FFFFFF;
|
|
4928
|
-
--navigation-active-bg: #374151;
|
|
4929
|
-
--navigation-active-fg: #FFFFFF;
|
|
4930
|
-
--navigation-brand-hover-bg: #374151;
|
|
4931
|
-
--navigation-brand-hover-fg: #FCD34D;
|
|
4932
|
-
--navigation-tab-hover-fg: #FCD34D;
|
|
4933
|
-
--navigation-tab-focus-ring: #FBBF24;
|
|
4934
|
-
--navigation-option-hover-bg: #374151;
|
|
4935
|
-
--navigation-option-hover-fg: #FFFFFF;
|
|
4936
|
-
--navigation-option-active-bg: #374151;
|
|
4937
|
-
--navigation-option-active-fg: #FFFFFF;
|
|
4938
|
-
--navigation-trigger-hover-bg: #374151;
|
|
4939
|
-
--navigation-trigger-hover-fg: #FCD34D;
|
|
4940
|
-
--navigation-border: #9CA3AF;
|
|
4941
4892
|
--overlay-backdrop: rgba(0, 0, 0, 0.72);
|
|
4942
4893
|
--overlay-tooltip-bg: #FFFFFF;
|
|
4943
4894
|
--overlay-tooltip-fg: #000000;
|
|
4944
4895
|
--overlay-tooltip-border: #FCD34D;
|
|
4945
|
-
--overlay-
|
|
4946
|
-
--overlay-
|
|
4947
|
-
--overlay-
|
|
4948
|
-
--overlay-
|
|
4896
|
+
--overlay-floating-bg: #111827;
|
|
4897
|
+
--overlay-floating-border: #9CA3AF;
|
|
4898
|
+
--overlay-dialog-bg: #111827;
|
|
4899
|
+
--overlay-dialog-border: #9CA3AF;
|
|
4949
4900
|
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
|
|
4950
4901
|
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
|
|
4951
4902
|
--shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.7);
|
|
@@ -4957,28 +4908,27 @@
|
|
|
4957
4908
|
--status-success-bg: #042F2E;
|
|
4958
4909
|
--status-success-border: #5EEAD4;
|
|
4959
4910
|
--status-success-ring: #5EEAD4;
|
|
4960
|
-
--status-success-
|
|
4911
|
+
--status-success-emphasis-fg: #99F6E4;
|
|
4961
4912
|
--status-error-fg: #FB7185;
|
|
4962
4913
|
--status-error-bg: #4C0519;
|
|
4963
4914
|
--status-error-border: #FB7185;
|
|
4964
4915
|
--status-error-ring: #FB7185;
|
|
4965
|
-
--status-error-
|
|
4916
|
+
--status-error-emphasis-fg: #FECDD3;
|
|
4966
4917
|
--status-warning-fg: #FCD34D;
|
|
4967
4918
|
--status-warning-bg: #451A03;
|
|
4968
4919
|
--status-warning-border: #FCD34D;
|
|
4969
4920
|
--status-warning-ring: #FCD34D;
|
|
4970
|
-
--status-warning-
|
|
4921
|
+
--status-warning-emphasis-fg: #FDE68A;
|
|
4971
4922
|
--status-info-fg: #7DD3FC;
|
|
4972
4923
|
--status-info-bg: #071927;
|
|
4973
4924
|
--status-info-border: #7DD3FC;
|
|
4974
4925
|
--status-info-ring: #7DD3FC;
|
|
4975
|
-
--status-info-
|
|
4926
|
+
--status-info-emphasis-fg: #BAE6FD;
|
|
4976
4927
|
--surface-canvas: #000000;
|
|
4977
4928
|
--surface-default: #000000;
|
|
4978
4929
|
--surface-muted: #111827;
|
|
4979
4930
|
--surface-subtle: #1F2937;
|
|
4980
4931
|
--surface-elevated: #374151;
|
|
4981
|
-
--surface-background: #0B1120;
|
|
4982
4932
|
--surface-hover: #374151;
|
|
4983
4933
|
--surface-active: #374151;
|
|
4984
4934
|
--surface-pressed: #4B5563;
|
|
@@ -4993,7 +4943,7 @@
|
|
|
4993
4943
|
--text-brand: #FBBF24;
|
|
4994
4944
|
--text-interactive: #FBBF24;
|
|
4995
4945
|
--text-interactive-hover: #FCD34D;
|
|
4996
|
-
--text-interactive-
|
|
4946
|
+
--text-interactive-pressed: #FDE68A;
|
|
4997
4947
|
--text-inverse: #000000;
|
|
4998
4948
|
--accordion-root-bg: #000000;
|
|
4999
4949
|
--accordion-root-border: #6B7280;
|
|
@@ -5868,20 +5818,20 @@
|
|
|
5868
5818
|
--input-read-only-fg: #EEE8FA;
|
|
5869
5819
|
--input-read-only-border: #6B7280;
|
|
5870
5820
|
--input-read-only-placeholder: #D1D5DB;
|
|
5871
|
-
--input-read-only-icon: #
|
|
5821
|
+
--input-read-only-icon: #D1D5DB;
|
|
5872
5822
|
--input-icon-default: #FFFFFF;
|
|
5873
5823
|
--input-icon-primary: #FCD34D;
|
|
5874
5824
|
--input-icon-secondary: #E5E7EB;
|
|
5875
5825
|
--input-icon-success: #5EEAD4;
|
|
5876
5826
|
--input-icon-danger: #FDA4AF;
|
|
5877
|
-
--input-icon-muted: #
|
|
5827
|
+
--input-icon-muted: #D1D5DB;
|
|
5878
5828
|
--input-icon-inverse: #000000;
|
|
5879
5829
|
--input-icon-brand: #FCD34D;
|
|
5880
|
-
--input-clear-button-fg: #
|
|
5830
|
+
--input-clear-button-fg: #D1D5DB;
|
|
5881
5831
|
--input-clear-button-hover-fg: #FB7185;
|
|
5882
5832
|
--input-clear-button-hover-bg: #4C0519;
|
|
5883
5833
|
--input-clear-button-focus-bg: #1F2937;
|
|
5884
|
-
--input-clear-button-pressed-bg: #
|
|
5834
|
+
--input-clear-button-pressed-bg: #4B5563;
|
|
5885
5835
|
--input-reveal-button-fg: #FFFFFF;
|
|
5886
5836
|
--input-reveal-button-hover-fg: #FFFFFF;
|
|
5887
5837
|
--input-reveal-button-hover-bg: #374151;
|
|
@@ -5890,7 +5840,7 @@
|
|
|
5890
5840
|
--input-addon-border: #9CA3AF;
|
|
5891
5841
|
--input-affix-fg: #FFFFFF;
|
|
5892
5842
|
--input-counter-fg: #EEE8FA;
|
|
5893
|
-
--input-spinner-fg: #
|
|
5843
|
+
--input-spinner-fg: #D1D5DB;
|
|
5894
5844
|
--modal-overlay-bg: rgba(0, 0, 0, 0.72);
|
|
5895
5845
|
--modal-overlay-blur: 4px;
|
|
5896
5846
|
--modal-overlay-animation-duration: 180ms;
|
|
@@ -5986,8 +5936,7 @@
|
|
|
5986
5936
|
--radio-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
|
|
5987
5937
|
--radio-motion-indicator-duration: 180ms;
|
|
5988
5938
|
--radio-motion-selected-duration: 260ms;
|
|
5989
|
-
--radio-motion-pressed-scale: 0.
|
|
5990
|
-
--radio-motion-active-scale: 0.92;
|
|
5939
|
+
--radio-motion-pressed-scale: 0.92;
|
|
5991
5940
|
--radio-motion-pressed-opacity: 0.8;
|
|
5992
5941
|
--radio-default-bg: #000000;
|
|
5993
5942
|
--radio-default-fg: #FFFFFF;
|
|
@@ -6768,11 +6717,11 @@
|
|
|
6768
6717
|
--select-dropdown-empty-fg: #EEE8FA;
|
|
6769
6718
|
--select-dropdown-group-label-fg: #B8A8FF;
|
|
6770
6719
|
--select-dropdown-separator-bg: #6B7280;
|
|
6771
|
-
--select-clear-button-fg: #
|
|
6720
|
+
--select-clear-button-fg: #D1D5DB;
|
|
6772
6721
|
--select-clear-button-hover-fg: #FB7185;
|
|
6773
6722
|
--select-clear-button-hover-bg: #4C0519;
|
|
6774
6723
|
--select-clear-button-focus-bg: #1F2937;
|
|
6775
|
-
--select-clear-button-pressed-bg: #
|
|
6724
|
+
--select-clear-button-pressed-bg: #4B5563;
|
|
6776
6725
|
--select-option-default-bg: transparent;
|
|
6777
6726
|
--select-option-default-fg: #FFFFFF;
|
|
6778
6727
|
--select-option-default-border: transparent;
|