@design-factory/tokens 21.0.0-next.0 → 21.0.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 (9) hide show
  1. package/README.md +19 -1
  2. package/config.cjs +2 -1
  3. package/config.js +2 -1
  4. package/css/root-dark.css +164 -163
  5. package/css/root-light.css +2 -1
  6. package/figma/t2-dark.json +99 -99
  7. package/package.json +3 -3
  8. package/scss/root.scss +2 -1
  9. package/scss/vars-dark.scss +99 -99
package/css/root-dark.css CHANGED
@@ -194,32 +194,32 @@ html:root[data-df-theme='dark'] {
194
194
  --df-color-primary-alt-default-background: #1a1a1a;
195
195
  --df-color-primary-alt-default-foreground: #3a8bff;
196
196
  --df-color-primary-alt-default-border: #3a8bff;
197
- --df-color-primary-alt-hovered-background: #000835;
197
+ --df-color-primary-alt-hovered-background: #0a2f62;
198
198
  --df-color-primary-alt-hovered-foreground: #9fc7ff;
199
199
  --df-color-primary-alt-hovered-border: #9fc7ff;
200
- --df-color-primary-alt-active-background: #0a2f62;
200
+ --df-color-primary-alt-active-background: #104ea4;
201
201
  --df-color-primary-alt-active-foreground: #c5d5f9;
202
202
  --df-color-primary-alt-active-border: #c5d5f9;
203
- --df-color-primary-alt-pressed-background: #0a2f62;
203
+ --df-color-primary-alt-pressed-background: #104ea4;
204
204
  --df-color-primary-alt-pressed-foreground: #c5d5f9;
205
205
  --df-color-primary-alt-pressed-border: #c5d5f9;
206
- --df-color-primary-alt-activeHovered-background: #000835;
206
+ --df-color-primary-alt-activeHovered-background: #0a2f62;
207
207
  --df-color-primary-alt-activeHovered-foreground: #9fc7ff;
208
208
  --df-color-primary-alt-activeHovered-border: #9fc7ff;
209
- --df-color-primary-alt-activePressed-background: #0a2f62;
209
+ --df-color-primary-alt-activePressed-background: #104ea4;
210
210
  --df-color-primary-alt-activePressed-foreground: #c5d5f9;
211
211
  --df-color-primary-alt-activePressed-border: #c5d5f9;
212
- --df-color-primary-soft-default-background: #000835;
212
+ --df-color-primary-soft-default-background: #0a2f62;
213
213
  --df-color-primary-soft-default-foreground: #c5d5f9;
214
- --df-color-primary-soft-hovered-background: #0a2f62;
214
+ --df-color-primary-soft-hovered-background: #104ea4;
215
215
  --df-color-primary-soft-hovered-foreground: #c5d5f9;
216
- --df-color-primary-soft-active-background: #104ea4;
216
+ --df-color-primary-soft-active-background: #0c66e1;
217
217
  --df-color-primary-soft-active-foreground: #c5d5f9;
218
- --df-color-primary-soft-pressed-background: #104ea4;
218
+ --df-color-primary-soft-pressed-background: #0c66e1;
219
219
  --df-color-primary-soft-pressed-foreground: #c5d5f9;
220
- --df-color-primary-soft-activeHovered-background: #0a2f62;
220
+ --df-color-primary-soft-activeHovered-background: #104ea4;
221
221
  --df-color-primary-soft-activeHovered-foreground: #c5d5f9;
222
- --df-color-primary-soft-activePressed-background: #104ea4;
222
+ --df-color-primary-soft-activePressed-background: #0c66e1;
223
223
  --df-color-primary-soft-activePressed-foreground: #c5d5f9;
224
224
  --df-color-primary-subtle-background: #000521;
225
225
  --df-color-primary-intense-background: #ebf3ff;
@@ -244,32 +244,32 @@ html:root[data-df-theme='dark'] {
244
244
  --df-color-danger-alt-default-background: #1a1a1a;
245
245
  --df-color-danger-alt-default-foreground: #ff514d;
246
246
  --df-color-danger-alt-default-border: #ff514d;
247
- --df-color-danger-alt-hovered-background: #560900;
247
+ --df-color-danger-alt-hovered-background: #861d17;
248
248
  --df-color-danger-alt-hovered-foreground: #ff9794;
249
249
  --df-color-danger-alt-hovered-border: #ff9794;
250
- --df-color-danger-alt-active-background: #861d17;
250
+ --df-color-danger-alt-active-background: #b2271f;
251
251
  --df-color-danger-alt-active-foreground: #ffd7d7;
252
252
  --df-color-danger-alt-active-border: #ffd7d7;
253
- --df-color-danger-alt-pressed-background: #861d17;
253
+ --df-color-danger-alt-pressed-background: #b2271f;
254
254
  --df-color-danger-alt-pressed-foreground: #ffd7d7;
255
255
  --df-color-danger-alt-pressed-border: #ffd7d7;
256
- --df-color-danger-alt-activeHovered-background: #560900;
256
+ --df-color-danger-alt-activeHovered-background: #861d17;
257
257
  --df-color-danger-alt-activeHovered-foreground: #ff9794;
258
258
  --df-color-danger-alt-activeHovered-border: #ff9794;
259
- --df-color-danger-alt-activePressed-background: #861d17;
259
+ --df-color-danger-alt-activePressed-background: #b2271f;
260
260
  --df-color-danger-alt-activePressed-foreground: #ffd7d7;
261
261
  --df-color-danger-alt-activePressed-border: #ffd7d7;
262
- --df-color-danger-soft-default-background: #560900;
262
+ --df-color-danger-soft-default-background: #861d17;
263
263
  --df-color-danger-soft-default-foreground: #ffd7d7;
264
- --df-color-danger-soft-hovered-background: #861d17;
264
+ --df-color-danger-soft-hovered-background: #b2271f;
265
265
  --df-color-danger-soft-hovered-foreground: #ffd7d7;
266
- --df-color-danger-soft-active-background: #b2271f;
266
+ --df-color-danger-soft-active-background: #df3127;
267
267
  --df-color-danger-soft-active-foreground: #ffd7d7;
268
- --df-color-danger-soft-pressed-background: #b2271f;
268
+ --df-color-danger-soft-pressed-background: #df3127;
269
269
  --df-color-danger-soft-pressed-foreground: #ffd7d7;
270
- --df-color-danger-soft-activeHovered-background: #861d17;
270
+ --df-color-danger-soft-activeHovered-background: #b2271f;
271
271
  --df-color-danger-soft-activeHovered-foreground: #ffd7d7;
272
- --df-color-danger-soft-activePressed-background: #b2271f;
272
+ --df-color-danger-soft-activePressed-background: #df3127;
273
273
  --df-color-danger-soft-activePressed-foreground: #ffd7d7;
274
274
  --df-color-danger-subtle-background: #430f0c;
275
275
  --df-color-danger-intense-background: #ffeeed;
@@ -294,32 +294,32 @@ html:root[data-df-theme='dark'] {
294
294
  --df-color-success-alt-default-background: #1a1a1a;
295
295
  --df-color-success-alt-default-foreground: #92ff73;
296
296
  --df-color-success-alt-default-border: #92ff73;
297
- --df-color-success-alt-hovered-background: #023a00;
297
+ --df-color-success-alt-hovered-background: #19571d;
298
298
  --df-color-success-alt-hovered-foreground: #beffab;
299
299
  --df-color-success-alt-hovered-border: #beffab;
300
- --df-color-success-alt-active-background: #19571d;
300
+ --df-color-success-alt-active-background: #3a862e;
301
301
  --df-color-success-alt-active-foreground: #c8ffc0;
302
302
  --df-color-success-alt-active-border: #c8ffc0;
303
- --df-color-success-alt-pressed-background: #19571d;
303
+ --df-color-success-alt-pressed-background: #3a862e;
304
304
  --df-color-success-alt-pressed-foreground: #c8ffc0;
305
305
  --df-color-success-alt-pressed-border: #c8ffc0;
306
- --df-color-success-alt-activeHovered-background: #023a00;
306
+ --df-color-success-alt-activeHovered-background: #19571d;
307
307
  --df-color-success-alt-activeHovered-foreground: #beffab;
308
308
  --df-color-success-alt-activeHovered-border: #beffab;
309
- --df-color-success-alt-activePressed-background: #19571d;
309
+ --df-color-success-alt-activePressed-background: #3a862e;
310
310
  --df-color-success-alt-activePressed-foreground: #c8ffc0;
311
311
  --df-color-success-alt-activePressed-border: #c8ffc0;
312
- --df-color-success-soft-default-background: #023a00;
312
+ --df-color-success-soft-default-background: #19571d;
313
313
  --df-color-success-soft-default-foreground: #c8ffc0;
314
- --df-color-success-soft-hovered-background: #19571d;
314
+ --df-color-success-soft-hovered-background: #3a862e;
315
315
  --df-color-success-soft-hovered-foreground: #c8ffc0;
316
- --df-color-success-soft-active-background: #3a862e;
316
+ --df-color-success-soft-active-background: #4ba841;
317
317
  --df-color-success-soft-active-foreground: #c8ffc0;
318
- --df-color-success-soft-pressed-background: #3a862e;
318
+ --df-color-success-soft-pressed-background: #4ba841;
319
319
  --df-color-success-soft-pressed-foreground: #c8ffc0;
320
- --df-color-success-soft-activeHovered-background: #19571d;
320
+ --df-color-success-soft-activeHovered-background: #3a862e;
321
321
  --df-color-success-soft-activeHovered-foreground: #c8ffc0;
322
- --df-color-success-soft-activePressed-background: #3a862e;
322
+ --df-color-success-soft-activePressed-background: #4ba841;
323
323
  --df-color-success-soft-activePressed-foreground: #c8ffc0;
324
324
  --df-color-success-subtle-background: #0f190b;
325
325
  --df-color-warning-main-default-background: #ff7920;
@@ -343,32 +343,32 @@ html:root[data-df-theme='dark'] {
343
343
  --df-color-warning-alt-default-background: #1a1a1a;
344
344
  --df-color-warning-alt-default-foreground: #ff7920;
345
345
  --df-color-warning-alt-default-border: #ff7920;
346
- --df-color-warning-alt-hovered-background: #5b2500;
346
+ --df-color-warning-alt-hovered-background: #863701;
347
347
  --df-color-warning-alt-hovered-foreground: #ffa366;
348
348
  --df-color-warning-alt-hovered-border: #ffa366;
349
- --df-color-warning-alt-active-background: #863701;
349
+ --df-color-warning-alt-active-background: #c74905;
350
350
  --df-color-warning-alt-active-foreground: #ffd9c4;
351
351
  --df-color-warning-alt-active-border: #ffd9c4;
352
- --df-color-warning-alt-pressed-background: #863701;
352
+ --df-color-warning-alt-pressed-background: #c74905;
353
353
  --df-color-warning-alt-pressed-foreground: #ffd9c4;
354
354
  --df-color-warning-alt-pressed-border: #ffd9c4;
355
- --df-color-warning-alt-activeHovered-background: #5b2500;
355
+ --df-color-warning-alt-activeHovered-background: #863701;
356
356
  --df-color-warning-alt-activeHovered-foreground: #ffa366;
357
357
  --df-color-warning-alt-activeHovered-border: #ffa366;
358
- --df-color-warning-alt-activePressed-background: #863701;
358
+ --df-color-warning-alt-activePressed-background: #c74905;
359
359
  --df-color-warning-alt-activePressed-foreground: #ffd9c4;
360
360
  --df-color-warning-alt-activePressed-border: #ffd9c4;
361
- --df-color-warning-soft-default-background: #5b2500;
361
+ --df-color-warning-soft-default-background: #863701;
362
362
  --df-color-warning-soft-default-foreground: #ffd9c4;
363
- --df-color-warning-soft-hovered-background: #5b2500;
363
+ --df-color-warning-soft-hovered-background: #863701;
364
364
  --df-color-warning-soft-hovered-foreground: #ffd9c4;
365
- --df-color-warning-soft-active-background: #863701;
365
+ --df-color-warning-soft-active-background: #c74905;
366
366
  --df-color-warning-soft-active-foreground: #ffd9c4;
367
- --df-color-warning-soft-pressed-background: #863701;
367
+ --df-color-warning-soft-pressed-background: #c74905;
368
368
  --df-color-warning-soft-pressed-foreground: #ffd9c4;
369
- --df-color-warning-soft-activeHovered-background: #5b2500;
369
+ --df-color-warning-soft-activeHovered-background: #863701;
370
370
  --df-color-warning-soft-activeHovered-foreground: #ffd9c4;
371
- --df-color-warning-soft-activePressed-background: #863701;
371
+ --df-color-warning-soft-activePressed-background: #c74905;
372
372
  --df-color-warning-soft-activePressed-foreground: #ffd9c4;
373
373
  --df-color-warning-subtle-background: #3b1800;
374
374
  --df-color-info-main-default-background: #3a8bff;
@@ -392,32 +392,32 @@ html:root[data-df-theme='dark'] {
392
392
  --df-color-info-alt-default-background: #1a1a1a;
393
393
  --df-color-info-alt-default-foreground: #3a8bff;
394
394
  --df-color-info-alt-default-border: #3a8bff;
395
- --df-color-info-alt-hovered-background: #000835;
395
+ --df-color-info-alt-hovered-background: #0a2f62;
396
396
  --df-color-info-alt-hovered-foreground: #9fc7ff;
397
397
  --df-color-info-alt-hovered-border: #9fc7ff;
398
- --df-color-info-alt-active-background: #0a2f62;
398
+ --df-color-info-alt-active-background: #104ea4;
399
399
  --df-color-info-alt-active-foreground: #c5d5f9;
400
400
  --df-color-info-alt-active-border: #c5d5f9;
401
- --df-color-info-alt-pressed-background: #0a2f62;
401
+ --df-color-info-alt-pressed-background: #104ea4;
402
402
  --df-color-info-alt-pressed-foreground: #c5d5f9;
403
403
  --df-color-info-alt-pressed-border: #c5d5f9;
404
- --df-color-info-alt-activeHovered-background: #000835;
404
+ --df-color-info-alt-activeHovered-background: #0a2f62;
405
405
  --df-color-info-alt-activeHovered-foreground: #9fc7ff;
406
406
  --df-color-info-alt-activeHovered-border: #9fc7ff;
407
- --df-color-info-alt-activePressed-background: #0a2f62;
407
+ --df-color-info-alt-activePressed-background: #104ea4;
408
408
  --df-color-info-alt-activePressed-foreground: #c5d5f9;
409
409
  --df-color-info-alt-activePressed-border: #c5d5f9;
410
- --df-color-info-soft-default-background: #000835;
410
+ --df-color-info-soft-default-background: #0a2f62;
411
411
  --df-color-info-soft-default-foreground: #c5d5f9;
412
- --df-color-info-soft-hovered-background: #0a2f62;
412
+ --df-color-info-soft-hovered-background: #104ea4;
413
413
  --df-color-info-soft-hovered-foreground: #c5d5f9;
414
- --df-color-info-soft-active-background: #104ea4;
414
+ --df-color-info-soft-active-background: #0c66e1;
415
415
  --df-color-info-soft-active-foreground: #c5d5f9;
416
- --df-color-info-soft-pressed-background: #104ea4;
416
+ --df-color-info-soft-pressed-background: #0c66e1;
417
417
  --df-color-info-soft-pressed-foreground: #c5d5f9;
418
- --df-color-info-soft-activeHovered-background: #0a2f62;
418
+ --df-color-info-soft-activeHovered-background: #104ea4;
419
419
  --df-color-info-soft-activeHovered-foreground: #c5d5f9;
420
- --df-color-info-soft-activePressed-background: #104ea4;
420
+ --df-color-info-soft-activePressed-background: #0c66e1;
421
421
  --df-color-info-soft-activePressed-foreground: #c5d5f9;
422
422
  --df-color-info-subtle-background: #000521;
423
423
  --df-color-tip-main-default-background: #b650ff;
@@ -441,32 +441,32 @@ html:root[data-df-theme='dark'] {
441
441
  --df-color-tip-alt-default-background: #1a1a1a;
442
442
  --df-color-tip-alt-default-foreground: #b650ff;
443
443
  --df-color-tip-alt-default-border: #b650ff;
444
- --df-color-tip-alt-hovered-background: #26005a;
444
+ --df-color-tip-alt-hovered-background: #461b64;
445
445
  --df-color-tip-alt-hovered-foreground: #d396ff;
446
446
  --df-color-tip-alt-hovered-border: #d396ff;
447
- --df-color-tip-alt-active-background: #461b64;
447
+ --df-color-tip-alt-active-background: #6d3099;
448
448
  --df-color-tip-alt-active-foreground: #e4c7ff;
449
449
  --df-color-tip-alt-active-border: #e4c7ff;
450
- --df-color-tip-alt-pressed-background: #461b64;
450
+ --df-color-tip-alt-pressed-background: #6d3099;
451
451
  --df-color-tip-alt-pressed-foreground: #e4c7ff;
452
452
  --df-color-tip-alt-pressed-border: #e4c7ff;
453
- --df-color-tip-alt-activeHovered-background: #26005a;
453
+ --df-color-tip-alt-activeHovered-background: #461b64;
454
454
  --df-color-tip-alt-activeHovered-foreground: #d396ff;
455
455
  --df-color-tip-alt-activeHovered-border: #d396ff;
456
- --df-color-tip-alt-activePressed-background: #461b64;
456
+ --df-color-tip-alt-activePressed-background: #6d3099;
457
457
  --df-color-tip-alt-activePressed-foreground: #e4c7ff;
458
458
  --df-color-tip-alt-activePressed-border: #e4c7ff;
459
- --df-color-tip-soft-default-background: #26005a;
459
+ --df-color-tip-soft-default-background: #461b64;
460
460
  --df-color-tip-soft-default-foreground: #e4c7ff;
461
- --df-color-tip-soft-hovered-background: #461b64;
461
+ --df-color-tip-soft-hovered-background: #6d3099;
462
462
  --df-color-tip-soft-hovered-foreground: #e4c7ff;
463
- --df-color-tip-soft-active-background: #6d3099;
463
+ --df-color-tip-soft-active-background: #9240cc;
464
464
  --df-color-tip-soft-active-foreground: #e4c7ff;
465
- --df-color-tip-soft-pressed-background: #6d3099;
465
+ --df-color-tip-soft-pressed-background: #9240cc;
466
466
  --df-color-tip-soft-pressed-foreground: #e4c7ff;
467
- --df-color-tip-soft-activeHovered-background: #461b64;
467
+ --df-color-tip-soft-activeHovered-background: #6d3099;
468
468
  --df-color-tip-soft-activeHovered-foreground: #e4c7ff;
469
- --df-color-tip-soft-activePressed-background: #6d3099;
469
+ --df-color-tip-soft-activePressed-background: #9240cc;
470
470
  --df-color-tip-soft-activePressed-foreground: #e4c7ff;
471
471
  --df-color-tip-subtle-background: #160033;
472
472
  --df-color-accent-main-default-background: #c573ff;
@@ -490,32 +490,32 @@ html:root[data-df-theme='dark'] {
490
490
  --df-color-accent-alt-default-background: #1a1a1a;
491
491
  --df-color-accent-alt-default-foreground: #c573ff;
492
492
  --df-color-accent-alt-default-border: #c573ff;
493
- --df-color-accent-alt-hovered-background: #26005a;
493
+ --df-color-accent-alt-hovered-background: #461b64;
494
494
  --df-color-accent-alt-hovered-foreground: #d396ff;
495
495
  --df-color-accent-alt-hovered-border: #d396ff;
496
- --df-color-accent-alt-active-background: #461b64;
496
+ --df-color-accent-alt-active-background: #6d3099;
497
497
  --df-color-accent-alt-active-foreground: #e4c7ff;
498
498
  --df-color-accent-alt-active-border: #e4c7ff;
499
- --df-color-accent-alt-pressed-background: #461b64;
499
+ --df-color-accent-alt-pressed-background: #6d3099;
500
500
  --df-color-accent-alt-pressed-foreground: #e4c7ff;
501
501
  --df-color-accent-alt-pressed-border: #e4c7ff;
502
- --df-color-accent-alt-activeHovered-background: #26005a;
502
+ --df-color-accent-alt-activeHovered-background: #461b64;
503
503
  --df-color-accent-alt-activeHovered-foreground: #d396ff;
504
504
  --df-color-accent-alt-activeHovered-border: #d396ff;
505
- --df-color-accent-alt-activePressed-background: #461b64;
505
+ --df-color-accent-alt-activePressed-background: #6d3099;
506
506
  --df-color-accent-alt-activePressed-foreground: #e4c7ff;
507
507
  --df-color-accent-alt-activePressed-border: #e4c7ff;
508
- --df-color-accent-soft-default-background: #26005a;
508
+ --df-color-accent-soft-default-background: #461b64;
509
509
  --df-color-accent-soft-default-foreground: #e4c7ff;
510
- --df-color-accent-soft-hovered-background: #461b64;
510
+ --df-color-accent-soft-hovered-background: #6d3099;
511
511
  --df-color-accent-soft-hovered-foreground: #e4c7ff;
512
- --df-color-accent-soft-active-background: #6d3099;
512
+ --df-color-accent-soft-active-background: #9240cc;
513
513
  --df-color-accent-soft-active-foreground: #e4c7ff;
514
- --df-color-accent-soft-pressed-background: #6d3099;
514
+ --df-color-accent-soft-pressed-background: #9240cc;
515
515
  --df-color-accent-soft-pressed-foreground: #e4c7ff;
516
- --df-color-accent-soft-activeHovered-background: #461b64;
516
+ --df-color-accent-soft-activeHovered-background: #6d3099;
517
517
  --df-color-accent-soft-activeHovered-foreground: #e4c7ff;
518
- --df-color-accent-soft-activePressed-background: #6d3099;
518
+ --df-color-accent-soft-activePressed-background: #9240cc;
519
519
  --df-color-accent-soft-activePressed-foreground: #e4c7ff;
520
520
  --df-color-accent-subtle-background: #160033;
521
521
  --df-color-accent-intense-background: #f8eeff;
@@ -590,32 +590,32 @@ html:root[data-df-theme='dark'] {
590
590
  --df-color-chromatic1-alt-default-background: #1a1a1a;
591
591
  --df-color-chromatic1-alt-default-foreground: #fce649;
592
592
  --df-color-chromatic1-alt-default-border: #fce649;
593
- --df-color-chromatic1-alt-hovered-background: #564a00;
593
+ --df-color-chromatic1-alt-hovered-background: #74691c;
594
594
  --df-color-chromatic1-alt-hovered-foreground: #fdf092;
595
595
  --df-color-chromatic1-alt-hovered-border: #fdf092;
596
- --df-color-chromatic1-alt-active-background: #74691c;
596
+ --df-color-chromatic1-alt-active-background: #aa9b2d;
597
597
  --df-color-chromatic1-alt-active-foreground: #fffeb0;
598
598
  --df-color-chromatic1-alt-active-border: #fffeb0;
599
- --df-color-chromatic1-alt-pressed-background: #74691c;
599
+ --df-color-chromatic1-alt-pressed-background: #aa9b2d;
600
600
  --df-color-chromatic1-alt-pressed-foreground: #fffeb0;
601
601
  --df-color-chromatic1-alt-pressed-border: #fffeb0;
602
- --df-color-chromatic1-alt-activeHovered-background: #564a00;
602
+ --df-color-chromatic1-alt-activeHovered-background: #74691c;
603
603
  --df-color-chromatic1-alt-activeHovered-foreground: #fdf092;
604
604
  --df-color-chromatic1-alt-activeHovered-border: #fdf092;
605
- --df-color-chromatic1-alt-activePressed-background: #74691c;
605
+ --df-color-chromatic1-alt-activePressed-background: #aa9b2d;
606
606
  --df-color-chromatic1-alt-activePressed-foreground: #fffeb0;
607
607
  --df-color-chromatic1-alt-activePressed-border: #fffeb0;
608
- --df-color-chromatic1-soft-default-background: #564a00;
608
+ --df-color-chromatic1-soft-default-background: #74691c;
609
609
  --df-color-chromatic1-soft-default-foreground: #fffeb0;
610
- --df-color-chromatic1-soft-hovered-background: #564a00;
610
+ --df-color-chromatic1-soft-hovered-background: #74691c;
611
611
  --df-color-chromatic1-soft-hovered-foreground: #fffeb0;
612
- --df-color-chromatic1-soft-active-background: #74691c;
612
+ --df-color-chromatic1-soft-active-background: #aa9b2d;
613
613
  --df-color-chromatic1-soft-active-foreground: #fffeb0;
614
- --df-color-chromatic1-soft-pressed-background: #74691c;
614
+ --df-color-chromatic1-soft-pressed-background: #aa9b2d;
615
615
  --df-color-chromatic1-soft-pressed-foreground: #fffeb0;
616
- --df-color-chromatic1-soft-activeHovered-background: #564a00;
616
+ --df-color-chromatic1-soft-activeHovered-background: #74691c;
617
617
  --df-color-chromatic1-soft-activeHovered-foreground: #fffeb0;
618
- --df-color-chromatic1-soft-activePressed-background: #74691c;
618
+ --df-color-chromatic1-soft-activePressed-background: #aa9b2d;
619
619
  --df-color-chromatic1-soft-activePressed-foreground: #fffeb0;
620
620
  --df-color-chromatic1-subtle-background: #2a2500;
621
621
  --df-color-chromatic2-main-default-background: #ff58ac;
@@ -639,32 +639,32 @@ html:root[data-df-theme='dark'] {
639
639
  --df-color-chromatic2-alt-default-background: #1a1a1a;
640
640
  --df-color-chromatic2-alt-default-foreground: #ff58ac;
641
641
  --df-color-chromatic2-alt-default-border: #ff58ac;
642
- --df-color-chromatic2-alt-hovered-background: #4f0230;
642
+ --df-color-chromatic2-alt-hovered-background: #662345;
643
643
  --df-color-chromatic2-alt-hovered-foreground: #ff9be3;
644
644
  --df-color-chromatic2-alt-hovered-border: #ff9be3;
645
- --df-color-chromatic2-alt-active-background: #662345;
645
+ --df-color-chromatic2-alt-active-background: #993567;
646
646
  --df-color-chromatic2-alt-active-foreground: #fcc5f9;
647
647
  --df-color-chromatic2-alt-active-border: #fcc5f9;
648
- --df-color-chromatic2-alt-pressed-background: #662345;
648
+ --df-color-chromatic2-alt-pressed-background: #993567;
649
649
  --df-color-chromatic2-alt-pressed-foreground: #fcc5f9;
650
650
  --df-color-chromatic2-alt-pressed-border: #fcc5f9;
651
- --df-color-chromatic2-alt-activeHovered-background: #4f0230;
651
+ --df-color-chromatic2-alt-activeHovered-background: #662345;
652
652
  --df-color-chromatic2-alt-activeHovered-foreground: #ff9be3;
653
653
  --df-color-chromatic2-alt-activeHovered-border: #ff9be3;
654
- --df-color-chromatic2-alt-activePressed-background: #662345;
654
+ --df-color-chromatic2-alt-activePressed-background: #993567;
655
655
  --df-color-chromatic2-alt-activePressed-foreground: #fcc5f9;
656
656
  --df-color-chromatic2-alt-activePressed-border: #fcc5f9;
657
- --df-color-chromatic2-soft-default-background: #4f0230;
657
+ --df-color-chromatic2-soft-default-background: #662345;
658
658
  --df-color-chromatic2-soft-default-foreground: #fcc5f9;
659
- --df-color-chromatic2-soft-hovered-background: #4f0230;
659
+ --df-color-chromatic2-soft-hovered-background: #662345;
660
660
  --df-color-chromatic2-soft-hovered-foreground: #fcc5f9;
661
- --df-color-chromatic2-soft-active-background: #662345;
661
+ --df-color-chromatic2-soft-active-background: #993567;
662
662
  --df-color-chromatic2-soft-active-foreground: #fcc5f9;
663
- --df-color-chromatic2-soft-pressed-background: #662345;
663
+ --df-color-chromatic2-soft-pressed-background: #993567;
664
664
  --df-color-chromatic2-soft-pressed-foreground: #fcc5f9;
665
- --df-color-chromatic2-soft-activeHovered-background: #4f0230;
665
+ --df-color-chromatic2-soft-activeHovered-background: #662345;
666
666
  --df-color-chromatic2-soft-activeHovered-foreground: #fcc5f9;
667
- --df-color-chromatic2-soft-activePressed-background: #662345;
667
+ --df-color-chromatic2-soft-activePressed-background: #993567;
668
668
  --df-color-chromatic2-soft-activePressed-foreground: #fcc5f9;
669
669
  --df-color-chromatic2-subtle-background: #34001f;
670
670
  --df-color-inert-neutral-pageBackground: #1a1a1a;
@@ -752,7 +752,8 @@ html:root[data-df-theme='dark'] {
752
752
 
753
753
  /* Tier 3 Scoped tokens */
754
754
  .btn,
755
- .btn-close {
755
+ .btn-close,
756
+ .ng-arrow-wrapper {
756
757
  --df-button-borderRadius-main-null: 0;
757
758
  --df-button-borderRadius-main-small: 0.25rem;
758
759
  --df-button-borderRadius-main-medium: 0.375rem;
@@ -880,37 +881,37 @@ html:root[data-df-theme='dark'] {
880
881
  --df-button-outline-basic-color-primary-default-background: #1a1a1a;
881
882
  --df-button-outline-basic-color-primary-hovered-border: #9fc7ff;
882
883
  --df-button-outline-basic-color-primary-hovered-foreground: #9fc7ff;
883
- --df-button-outline-basic-color-primary-hovered-background: #000835;
884
+ --df-button-outline-basic-color-primary-hovered-background: #0a2f62;
884
885
  --df-button-outline-basic-color-primary-pressed-border: #c5d5f9;
885
886
  --df-button-outline-basic-color-primary-pressed-foreground: #c5d5f9;
886
- --df-button-outline-basic-color-primary-pressed-background: #0a2f62;
887
+ --df-button-outline-basic-color-primary-pressed-background: #104ea4;
887
888
  --df-button-outline-basic-color-primary-active-border: #c5d5f9;
888
889
  --df-button-outline-basic-color-primary-active-foreground: #c5d5f9;
889
- --df-button-outline-basic-color-primary-active-background: #0a2f62;
890
+ --df-button-outline-basic-color-primary-active-background: #104ea4;
890
891
  --df-button-outline-basic-color-primary-activeHovered-border: #9fc7ff;
891
892
  --df-button-outline-basic-color-primary-activeHovered-foreground: #9fc7ff;
892
- --df-button-outline-basic-color-primary-activeHovered-background: #000835;
893
+ --df-button-outline-basic-color-primary-activeHovered-background: #0a2f62;
893
894
  --df-button-outline-basic-color-primary-activePressed-border: #c5d5f9;
894
895
  --df-button-outline-basic-color-primary-activePressed-foreground: #c5d5f9;
895
- --df-button-outline-basic-color-primary-activePressed-background: #0a2f62;
896
+ --df-button-outline-basic-color-primary-activePressed-background: #104ea4;
896
897
  --df-button-outline-basic-color-danger-default-border: #ff514d;
897
898
  --df-button-outline-basic-color-danger-default-foreground: #ff514d;
898
899
  --df-button-outline-basic-color-danger-default-background: #1a1a1a;
899
900
  --df-button-outline-basic-color-danger-hovered-border: #ff9794;
900
901
  --df-button-outline-basic-color-danger-hovered-foreground: #ff9794;
901
- --df-button-outline-basic-color-danger-hovered-background: #560900;
902
+ --df-button-outline-basic-color-danger-hovered-background: #861d17;
902
903
  --df-button-outline-basic-color-danger-pressed-border: #ffd7d7;
903
904
  --df-button-outline-basic-color-danger-pressed-foreground: #ffd7d7;
904
- --df-button-outline-basic-color-danger-pressed-background: #861d17;
905
+ --df-button-outline-basic-color-danger-pressed-background: #b2271f;
905
906
  --df-button-outline-basic-color-danger-active-border: #ffd7d7;
906
907
  --df-button-outline-basic-color-danger-active-foreground: #ffd7d7;
907
- --df-button-outline-basic-color-danger-active-background: #861d17;
908
+ --df-button-outline-basic-color-danger-active-background: #b2271f;
908
909
  --df-button-outline-basic-color-danger-activeHovered-border: #ff9794;
909
910
  --df-button-outline-basic-color-danger-activeHovered-foreground: #ff9794;
910
- --df-button-outline-basic-color-danger-activeHovered-background: #560900;
911
+ --df-button-outline-basic-color-danger-activeHovered-background: #861d17;
911
912
  --df-button-outline-basic-color-danger-activePressed-border: #ffd7d7;
912
913
  --df-button-outline-basic-color-danger-activePressed-foreground: #ffd7d7;
913
- --df-button-outline-basic-color-danger-activePressed-background: #861d17;
914
+ --df-button-outline-basic-color-danger-activePressed-background: #b2271f;
914
915
  --df-button-outline-basic-color-neutral-default-border: #fafafa;
915
916
  --df-button-outline-basic-color-neutral-default-foreground: #fafafa;
916
917
  --df-button-outline-basic-color-neutral-default-background: #1a1a1a;
@@ -993,37 +994,37 @@ html:root[data-df-theme='dark'] {
993
994
  --df-button-text-basic-color-primary-default-background: #1a1a1a;
994
995
  --df-button-text-basic-color-primary-default-border: #3a8bff;
995
996
  --df-button-text-basic-color-primary-hovered-foreground: #9fc7ff;
996
- --df-button-text-basic-color-primary-hovered-background: #000835;
997
+ --df-button-text-basic-color-primary-hovered-background: #0a2f62;
997
998
  --df-button-text-basic-color-primary-hovered-border: #9fc7ff;
998
999
  --df-button-text-basic-color-primary-pressed-foreground: #c5d5f9;
999
- --df-button-text-basic-color-primary-pressed-background: #0a2f62;
1000
+ --df-button-text-basic-color-primary-pressed-background: #104ea4;
1000
1001
  --df-button-text-basic-color-primary-pressed-border: #c5d5f9;
1001
1002
  --df-button-text-basic-color-primary-active-foreground: #c5d5f9;
1002
- --df-button-text-basic-color-primary-active-background: #0a2f62;
1003
+ --df-button-text-basic-color-primary-active-background: #104ea4;
1003
1004
  --df-button-text-basic-color-primary-active-border: #c5d5f9;
1004
1005
  --df-button-text-basic-color-primary-activeHovered-foreground: #9fc7ff;
1005
- --df-button-text-basic-color-primary-activeHovered-background: #000835;
1006
+ --df-button-text-basic-color-primary-activeHovered-background: #0a2f62;
1006
1007
  --df-button-text-basic-color-primary-activeHovered-border: #9fc7ff;
1007
1008
  --df-button-text-basic-color-primary-activePressed-foreground: #c5d5f9;
1008
- --df-button-text-basic-color-primary-activePressed-background: #0a2f62;
1009
+ --df-button-text-basic-color-primary-activePressed-background: #104ea4;
1009
1010
  --df-button-text-basic-color-primary-activePressed-border: #c5d5f9;
1010
1011
  --df-button-text-basic-color-danger-default-foreground: #ff514d;
1011
1012
  --df-button-text-basic-color-danger-default-background: #1a1a1a;
1012
1013
  --df-button-text-basic-color-danger-default-border: #ff514d;
1013
1014
  --df-button-text-basic-color-danger-hovered-foreground: #ff9794;
1014
- --df-button-text-basic-color-danger-hovered-background: #560900;
1015
+ --df-button-text-basic-color-danger-hovered-background: #861d17;
1015
1016
  --df-button-text-basic-color-danger-hovered-border: #ff9794;
1016
1017
  --df-button-text-basic-color-danger-pressed-foreground: #ffd7d7;
1017
- --df-button-text-basic-color-danger-pressed-background: #861d17;
1018
+ --df-button-text-basic-color-danger-pressed-background: #b2271f;
1018
1019
  --df-button-text-basic-color-danger-pressed-border: #ffd7d7;
1019
1020
  --df-button-text-basic-color-danger-active-foreground: #ffd7d7;
1020
- --df-button-text-basic-color-danger-active-background: #861d17;
1021
+ --df-button-text-basic-color-danger-active-background: #b2271f;
1021
1022
  --df-button-text-basic-color-danger-active-border: #ffd7d7;
1022
1023
  --df-button-text-basic-color-danger-activeHovered-foreground: #ff9794;
1023
- --df-button-text-basic-color-danger-activeHovered-background: #560900;
1024
+ --df-button-text-basic-color-danger-activeHovered-background: #861d17;
1024
1025
  --df-button-text-basic-color-danger-activeHovered-border: #ff9794;
1025
1026
  --df-button-text-basic-color-danger-activePressed-foreground: #ffd7d7;
1026
- --df-button-text-basic-color-danger-activePressed-background: #861d17;
1027
+ --df-button-text-basic-color-danger-activePressed-background: #b2271f;
1027
1028
  --df-button-text-basic-color-danger-activePressed-border: #ffd7d7;
1028
1029
  --df-button-text-basic-color-neutral-default-foreground: #fafafa;
1029
1030
  --df-button-text-basic-color-neutral-default-background: #1a1a1a;
@@ -1172,67 +1173,67 @@ html:root[data-df-theme='dark'] {
1172
1173
  --df-badge-soft-color-neutral-pressed-background: #666666;
1173
1174
  --df-badge-soft-color-neutral-pressed-foreground: #ffffff;
1174
1175
  --df-badge-soft-color-neutral-pressed-border: #ffffff;
1175
- --df-badge-soft-color-danger-default-background: #560900;
1176
+ --df-badge-soft-color-danger-default-background: #861d17;
1176
1177
  --df-badge-soft-color-danger-default-foreground: #ffd7d7;
1177
1178
  --df-badge-soft-color-danger-default-border: #ffd7d7;
1178
- --df-badge-soft-color-danger-hovered-background: #861d17;
1179
+ --df-badge-soft-color-danger-hovered-background: #b2271f;
1179
1180
  --df-badge-soft-color-danger-hovered-foreground: #ffd7d7;
1180
1181
  --df-badge-soft-color-danger-hovered-border: #ffd7d7;
1181
- --df-badge-soft-color-danger-pressed-background: #b2271f;
1182
+ --df-badge-soft-color-danger-pressed-background: #df3127;
1182
1183
  --df-badge-soft-color-danger-pressed-foreground: #ffd7d7;
1183
1184
  --df-badge-soft-color-danger-pressed-border: #ffd7d7;
1184
- --df-badge-soft-color-warning-default-background: #5b2500;
1185
+ --df-badge-soft-color-warning-default-background: #863701;
1185
1186
  --df-badge-soft-color-warning-default-foreground: #ffd9c4;
1186
1187
  --df-badge-soft-color-warning-default-border: #ffd9c4;
1187
- --df-badge-soft-color-warning-hovered-background: #5b2500;
1188
+ --df-badge-soft-color-warning-hovered-background: #863701;
1188
1189
  --df-badge-soft-color-warning-hovered-foreground: #ffd9c4;
1189
1190
  --df-badge-soft-color-warning-hovered-border: #ffd9c4;
1190
- --df-badge-soft-color-warning-pressed-background: #863701;
1191
+ --df-badge-soft-color-warning-pressed-background: #c74905;
1191
1192
  --df-badge-soft-color-warning-pressed-foreground: #ffd9c4;
1192
1193
  --df-badge-soft-color-warning-pressed-border: #ffd9c4;
1193
- --df-badge-soft-color-success-default-background: #023a00;
1194
+ --df-badge-soft-color-success-default-background: #19571d;
1194
1195
  --df-badge-soft-color-success-default-foreground: #c8ffc0;
1195
1196
  --df-badge-soft-color-success-default-border: #c8ffc0;
1196
- --df-badge-soft-color-success-hovered-background: #19571d;
1197
+ --df-badge-soft-color-success-hovered-background: #3a862e;
1197
1198
  --df-badge-soft-color-success-hovered-foreground: #c8ffc0;
1198
1199
  --df-badge-soft-color-success-hovered-border: #c8ffc0;
1199
- --df-badge-soft-color-success-pressed-background: #3a862e;
1200
+ --df-badge-soft-color-success-pressed-background: #4ba841;
1200
1201
  --df-badge-soft-color-success-pressed-foreground: #c8ffc0;
1201
1202
  --df-badge-soft-color-success-pressed-border: #c8ffc0;
1202
- --df-badge-soft-color-info-default-background: #000835;
1203
+ --df-badge-soft-color-info-default-background: #0a2f62;
1203
1204
  --df-badge-soft-color-info-default-foreground: #c5d5f9;
1204
1205
  --df-badge-soft-color-info-default-border: #c5d5f9;
1205
- --df-badge-soft-color-info-hovered-background: #0a2f62;
1206
+ --df-badge-soft-color-info-hovered-background: #104ea4;
1206
1207
  --df-badge-soft-color-info-hovered-foreground: #c5d5f9;
1207
1208
  --df-badge-soft-color-info-hovered-border: #c5d5f9;
1208
- --df-badge-soft-color-info-pressed-background: #104ea4;
1209
+ --df-badge-soft-color-info-pressed-background: #0c66e1;
1209
1210
  --df-badge-soft-color-info-pressed-foreground: #c5d5f9;
1210
1211
  --df-badge-soft-color-info-pressed-border: #c5d5f9;
1211
- --df-badge-soft-color-tip-default-background: #26005a;
1212
+ --df-badge-soft-color-tip-default-background: #461b64;
1212
1213
  --df-badge-soft-color-tip-default-foreground: #e4c7ff;
1213
1214
  --df-badge-soft-color-tip-default-border: #e4c7ff;
1214
- --df-badge-soft-color-tip-hovered-background: #461b64;
1215
+ --df-badge-soft-color-tip-hovered-background: #6d3099;
1215
1216
  --df-badge-soft-color-tip-hovered-foreground: #e4c7ff;
1216
1217
  --df-badge-soft-color-tip-hovered-border: #e4c7ff;
1217
- --df-badge-soft-color-tip-pressed-background: #6d3099;
1218
+ --df-badge-soft-color-tip-pressed-background: #9240cc;
1218
1219
  --df-badge-soft-color-tip-pressed-foreground: #e4c7ff;
1219
1220
  --df-badge-soft-color-tip-pressed-border: #e4c7ff;
1220
- --df-badge-soft-color-chromatic1-default-background: #564a00;
1221
+ --df-badge-soft-color-chromatic1-default-background: #74691c;
1221
1222
  --df-badge-soft-color-chromatic1-default-foreground: #fffeb0;
1222
1223
  --df-badge-soft-color-chromatic1-default-border: #fffeb0;
1223
- --df-badge-soft-color-chromatic1-hovered-background: #564a00;
1224
+ --df-badge-soft-color-chromatic1-hovered-background: #74691c;
1224
1225
  --df-badge-soft-color-chromatic1-hovered-foreground: #fffeb0;
1225
1226
  --df-badge-soft-color-chromatic1-hovered-border: #fffeb0;
1226
- --df-badge-soft-color-chromatic1-pressed-background: #74691c;
1227
+ --df-badge-soft-color-chromatic1-pressed-background: #aa9b2d;
1227
1228
  --df-badge-soft-color-chromatic1-pressed-foreground: #fffeb0;
1228
1229
  --df-badge-soft-color-chromatic1-pressed-border: #fffeb0;
1229
- --df-badge-soft-color-chromatic2-default-background: #4f0230;
1230
+ --df-badge-soft-color-chromatic2-default-background: #662345;
1230
1231
  --df-badge-soft-color-chromatic2-default-foreground: #fcc5f9;
1231
1232
  --df-badge-soft-color-chromatic2-default-border: #fcc5f9;
1232
- --df-badge-soft-color-chromatic2-hovered-background: #4f0230;
1233
+ --df-badge-soft-color-chromatic2-hovered-background: #662345;
1233
1234
  --df-badge-soft-color-chromatic2-hovered-foreground: #fcc5f9;
1234
1235
  --df-badge-soft-color-chromatic2-hovered-border: #fcc5f9;
1235
- --df-badge-soft-color-chromatic2-pressed-background: #662345;
1236
+ --df-badge-soft-color-chromatic2-pressed-background: #993567;
1236
1237
  --df-badge-soft-color-chromatic2-pressed-foreground: #fcc5f9;
1237
1238
  --df-badge-soft-color-chromatic2-pressed-border: #fcc5f9;
1238
1239
  --df-badge-soft-color-disabled-default-background: #999999;
@@ -1250,58 +1251,58 @@ html:root[data-df-theme='dark'] {
1250
1251
  --df-badge-outline-color-danger-default-border: #ff514d;
1251
1252
  --df-badge-outline-color-danger-default-foreground: #ff514d;
1252
1253
  --df-badge-outline-color-danger-hovered-border: #ff9794;
1253
- --df-badge-outline-color-danger-hovered-background: #560900;
1254
+ --df-badge-outline-color-danger-hovered-background: #861d17;
1254
1255
  --df-badge-outline-color-danger-hovered-foreground: #ff9794;
1255
1256
  --df-badge-outline-color-danger-pressed-border: #ffd7d7;
1256
- --df-badge-outline-color-danger-pressed-background: #861d17;
1257
+ --df-badge-outline-color-danger-pressed-background: #b2271f;
1257
1258
  --df-badge-outline-color-danger-pressed-foreground: #ffd7d7;
1258
1259
  --df-badge-outline-color-warning-default-border: #ff7920;
1259
1260
  --df-badge-outline-color-warning-default-foreground: #ff7920;
1260
1261
  --df-badge-outline-color-warning-hovered-border: #ffa366;
1261
- --df-badge-outline-color-warning-hovered-background: #5b2500;
1262
+ --df-badge-outline-color-warning-hovered-background: #863701;
1262
1263
  --df-badge-outline-color-warning-hovered-foreground: #ffa366;
1263
1264
  --df-badge-outline-color-warning-pressed-border: #ffd9c4;
1264
- --df-badge-outline-color-warning-pressed-background: #863701;
1265
+ --df-badge-outline-color-warning-pressed-background: #c74905;
1265
1266
  --df-badge-outline-color-warning-pressed-foreground: #ffd9c4;
1266
1267
  --df-badge-outline-color-success-default-border: #92ff73;
1267
1268
  --df-badge-outline-color-success-default-foreground: #92ff73;
1268
1269
  --df-badge-outline-color-success-hovered-border: #beffab;
1269
- --df-badge-outline-color-success-hovered-background: #023a00;
1270
+ --df-badge-outline-color-success-hovered-background: #19571d;
1270
1271
  --df-badge-outline-color-success-hovered-foreground: #beffab;
1271
1272
  --df-badge-outline-color-success-pressed-border: #c8ffc0;
1272
- --df-badge-outline-color-success-pressed-background: #19571d;
1273
+ --df-badge-outline-color-success-pressed-background: #3a862e;
1273
1274
  --df-badge-outline-color-success-pressed-foreground: #c8ffc0;
1274
1275
  --df-badge-outline-color-info-default-border: #3a8bff;
1275
1276
  --df-badge-outline-color-info-default-foreground: #3a8bff;
1276
1277
  --df-badge-outline-color-info-hovered-border: #9fc7ff;
1277
- --df-badge-outline-color-info-hovered-background: #000835;
1278
+ --df-badge-outline-color-info-hovered-background: #0a2f62;
1278
1279
  --df-badge-outline-color-info-hovered-foreground: #9fc7ff;
1279
1280
  --df-badge-outline-color-info-pressed-border: #c5d5f9;
1280
- --df-badge-outline-color-info-pressed-background: #0a2f62;
1281
+ --df-badge-outline-color-info-pressed-background: #104ea4;
1281
1282
  --df-badge-outline-color-info-pressed-foreground: #c5d5f9;
1282
1283
  --df-badge-outline-color-tip-default-border: #b650ff;
1283
1284
  --df-badge-outline-color-tip-default-foreground: #b650ff;
1284
1285
  --df-badge-outline-color-tip-hovered-border: #d396ff;
1285
- --df-badge-outline-color-tip-hovered-background: #26005a;
1286
+ --df-badge-outline-color-tip-hovered-background: #461b64;
1286
1287
  --df-badge-outline-color-tip-hovered-foreground: #d396ff;
1287
1288
  --df-badge-outline-color-tip-pressed-border: #e4c7ff;
1288
- --df-badge-outline-color-tip-pressed-background: #461b64;
1289
+ --df-badge-outline-color-tip-pressed-background: #6d3099;
1289
1290
  --df-badge-outline-color-tip-pressed-foreground: #e4c7ff;
1290
1291
  --df-badge-outline-color-chromatic1-default-border: #fce649;
1291
1292
  --df-badge-outline-color-chromatic1-default-foreground: #fce649;
1292
1293
  --df-badge-outline-color-chromatic1-hovered-border: #fdf092;
1293
- --df-badge-outline-color-chromatic1-hovered-background: #564a00;
1294
+ --df-badge-outline-color-chromatic1-hovered-background: #74691c;
1294
1295
  --df-badge-outline-color-chromatic1-hovered-foreground: #fdf092;
1295
1296
  --df-badge-outline-color-chromatic1-pressed-border: #fffeb0;
1296
- --df-badge-outline-color-chromatic1-pressed-background: #74691c;
1297
+ --df-badge-outline-color-chromatic1-pressed-background: #aa9b2d;
1297
1298
  --df-badge-outline-color-chromatic1-pressed-foreground: #fffeb0;
1298
1299
  --df-badge-outline-color-chromatic2-default-border: #ff58ac;
1299
1300
  --df-badge-outline-color-chromatic2-default-foreground: #ff58ac;
1300
1301
  --df-badge-outline-color-chromatic2-hovered-border: #ff9be3;
1301
- --df-badge-outline-color-chromatic2-hovered-background: #4f0230;
1302
+ --df-badge-outline-color-chromatic2-hovered-background: #662345;
1302
1303
  --df-badge-outline-color-chromatic2-hovered-foreground: #ff9be3;
1303
1304
  --df-badge-outline-color-chromatic2-pressed-border: #fcc5f9;
1304
- --df-badge-outline-color-chromatic2-pressed-background: #662345;
1305
+ --df-badge-outline-color-chromatic2-pressed-background: #993567;
1305
1306
  --df-badge-outline-color-chromatic2-pressed-foreground: #fcc5f9;
1306
1307
  --df-badge-outline-color-disabled-default-border: #999999;
1307
1308
  --df-badge-outline-color-disabled-default-foreground: #999999;
@@ -1314,16 +1315,16 @@ html:root[data-df-theme='dark'] {
1314
1315
  --df-footer-color-inert-primary-background: #c5d5f9;
1315
1316
  --df-footer-color-link-primary-default-border: #3a8bff;
1316
1317
  --df-footer-color-link-primary-default-foreground: #3a8bff;
1317
- --df-footer-color-link-primary-hovered-background: #000835;
1318
+ --df-footer-color-link-primary-hovered-background: #0a2f62;
1318
1319
  --df-footer-color-link-primary-hovered-border: #9fc7ff;
1319
1320
  --df-footer-color-link-primary-hovered-foreground: #9fc7ff;
1320
- --df-footer-color-link-primary-pressed-background: #0a2f62;
1321
+ --df-footer-color-link-primary-pressed-background: #104ea4;
1321
1322
  --df-footer-color-link-primary-pressed-border: #c5d5f9;
1322
1323
  --df-footer-color-link-primary-pressed-foreground: #c5d5f9;
1323
1324
  --df-footer-color-link-visited-default-foreground: #b650ff;
1324
- --df-footer-color-link-visited-hovered-background: #26005a;
1325
+ --df-footer-color-link-visited-hovered-background: #461b64;
1325
1326
  --df-footer-color-link-visited-hovered-foreground: #d396ff;
1326
- --df-footer-color-link-visited-pressed-background: #461b64;
1327
+ --df-footer-color-link-visited-pressed-background: #6d3099;
1327
1328
  --df-footer-color-link-visited-pressed-foreground: #e4c7ff;
1328
1329
  }
1329
1330
  .navbar {
@@ -1425,10 +1426,10 @@ html:root[data-df-theme='dark'] {
1425
1426
  --df-link-color-primary-default-foreground: #3a8bff;
1426
1427
  --df-link-color-primary-hovered-border: #9fc7ff;
1427
1428
  --df-link-color-primary-hovered-foreground: #9fc7ff;
1428
- --df-link-color-primary-hovered-background: #000835;
1429
+ --df-link-color-primary-hovered-background: #0a2f62;
1429
1430
  --df-link-color-primary-pressed-border: #c5d5f9;
1430
1431
  --df-link-color-primary-pressed-foreground: #c5d5f9;
1431
- --df-link-color-primary-pressed-background: #0a2f62;
1432
+ --df-link-color-primary-pressed-background: #104ea4;
1432
1433
  --df-link-color-neutral-default-border: #fafafa;
1433
1434
  --df-link-color-neutral-default-foreground: #fafafa;
1434
1435
  --df-link-color-neutral-hovered-border: #fafafa;
@@ -1440,8 +1441,8 @@ html:root[data-df-theme='dark'] {
1440
1441
  --df-link-color-disabled-foreground: #999999;
1441
1442
  --df-link-color-visited-default-foreground: #b650ff;
1442
1443
  --df-link-color-visited-hovered-foreground: #d396ff;
1443
- --df-link-color-visited-hovered-background: #26005a;
1444
+ --df-link-color-visited-hovered-background: #461b64;
1444
1445
  --df-link-color-visited-pressed-foreground: #e4c7ff;
1445
- --df-link-color-visited-pressed-background: #461b64;
1446
+ --df-link-color-visited-pressed-background: #6d3099;
1446
1447
  }
1447
1448
  }