@design-factory/tokens 21.0.0-next.0 → 21.0.0-next.1
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/css/root-dark.css +162 -162
- package/figma/t2-dark.json +99 -99
- package/package.json +1 -1
- package/scss/vars-dark.scss +99 -99
package/package.json
CHANGED
package/scss/vars-dark.scss
CHANGED
|
@@ -273,32 +273,32 @@ $df-color-primary-main-activePressed-border: var(--df-theme-primary-20) !default
|
|
|
273
273
|
$df-color-primary-alt-default-background: var(--df-theme-neutral-100) !default;
|
|
274
274
|
$df-color-primary-alt-default-foreground: var(--df-theme-primary-50) !default;
|
|
275
275
|
$df-color-primary-alt-default-border: var(--df-theme-primary-50) !default;
|
|
276
|
-
$df-color-primary-alt-hovered-background: var(--df-theme-primary-
|
|
276
|
+
$df-color-primary-alt-hovered-background: var(--df-theme-primary-80) !default;
|
|
277
277
|
$df-color-primary-alt-hovered-foreground: var(--df-theme-primary-30) !default;
|
|
278
278
|
$df-color-primary-alt-hovered-border: var(--df-theme-primary-30) !default;
|
|
279
|
-
$df-color-primary-alt-active-background: var(--df-theme-primary-
|
|
279
|
+
$df-color-primary-alt-active-background: var(--df-theme-primary-70) !default;
|
|
280
280
|
$df-color-primary-alt-active-foreground: var(--df-theme-primary-20) !default;
|
|
281
281
|
$df-color-primary-alt-active-border: var(--df-theme-primary-20) !default;
|
|
282
|
-
$df-color-primary-alt-pressed-background: var(--df-theme-primary-
|
|
282
|
+
$df-color-primary-alt-pressed-background: var(--df-theme-primary-70) !default;
|
|
283
283
|
$df-color-primary-alt-pressed-foreground: var(--df-theme-primary-20) !default;
|
|
284
284
|
$df-color-primary-alt-pressed-border: var(--df-theme-primary-20) !default;
|
|
285
|
-
$df-color-primary-alt-activeHovered-background: var(--df-theme-primary-
|
|
285
|
+
$df-color-primary-alt-activeHovered-background: var(--df-theme-primary-80) !default;
|
|
286
286
|
$df-color-primary-alt-activeHovered-foreground: var(--df-theme-primary-30) !default;
|
|
287
287
|
$df-color-primary-alt-activeHovered-border: var(--df-theme-primary-30) !default;
|
|
288
|
-
$df-color-primary-alt-activePressed-background: var(--df-theme-primary-
|
|
288
|
+
$df-color-primary-alt-activePressed-background: var(--df-theme-primary-70) !default;
|
|
289
289
|
$df-color-primary-alt-activePressed-foreground: var(--df-theme-primary-20) !default;
|
|
290
290
|
$df-color-primary-alt-activePressed-border: var(--df-theme-primary-20) !default;
|
|
291
|
-
$df-color-primary-soft-default-background: var(--df-theme-primary-
|
|
291
|
+
$df-color-primary-soft-default-background: var(--df-theme-primary-80) !default;
|
|
292
292
|
$df-color-primary-soft-default-foreground: var(--df-theme-primary-20) !default;
|
|
293
|
-
$df-color-primary-soft-hovered-background: var(--df-theme-primary-
|
|
293
|
+
$df-color-primary-soft-hovered-background: var(--df-theme-primary-70) !default;
|
|
294
294
|
$df-color-primary-soft-hovered-foreground: var(--df-theme-primary-20) !default;
|
|
295
|
-
$df-color-primary-soft-active-background: var(--df-theme-primary-
|
|
295
|
+
$df-color-primary-soft-active-background: var(--df-theme-primary-60) !default;
|
|
296
296
|
$df-color-primary-soft-active-foreground: var(--df-theme-primary-20) !default;
|
|
297
|
-
$df-color-primary-soft-pressed-background: var(--df-theme-primary-
|
|
297
|
+
$df-color-primary-soft-pressed-background: var(--df-theme-primary-60) !default;
|
|
298
298
|
$df-color-primary-soft-pressed-foreground: var(--df-theme-primary-20) !default;
|
|
299
|
-
$df-color-primary-soft-activeHovered-background: var(--df-theme-primary-
|
|
299
|
+
$df-color-primary-soft-activeHovered-background: var(--df-theme-primary-70) !default;
|
|
300
300
|
$df-color-primary-soft-activeHovered-foreground: var(--df-theme-primary-20) !default;
|
|
301
|
-
$df-color-primary-soft-activePressed-background: var(--df-theme-primary-
|
|
301
|
+
$df-color-primary-soft-activePressed-background: var(--df-theme-primary-60) !default;
|
|
302
302
|
$df-color-primary-soft-activePressed-foreground: var(--df-theme-primary-20) !default;
|
|
303
303
|
$df-color-primary-subtle-background: var(--df-theme-primary-100) !default;
|
|
304
304
|
$df-color-primary-intense-background: var(--df-theme-primary-10) !default;
|
|
@@ -323,32 +323,32 @@ $df-color-danger-main-activePressed-border: var(--df-theme-danger-20) !default;
|
|
|
323
323
|
$df-color-danger-alt-default-background: var(--df-theme-neutral-100) !default;
|
|
324
324
|
$df-color-danger-alt-default-foreground: var(--df-theme-danger-50) !default;
|
|
325
325
|
$df-color-danger-alt-default-border: var(--df-theme-danger-50) !default;
|
|
326
|
-
$df-color-danger-alt-hovered-background: var(--df-theme-danger-
|
|
326
|
+
$df-color-danger-alt-hovered-background: var(--df-theme-danger-80) !default;
|
|
327
327
|
$df-color-danger-alt-hovered-foreground: var(--df-theme-danger-30) !default;
|
|
328
328
|
$df-color-danger-alt-hovered-border: var(--df-theme-danger-30) !default;
|
|
329
|
-
$df-color-danger-alt-active-background: var(--df-theme-danger-
|
|
329
|
+
$df-color-danger-alt-active-background: var(--df-theme-danger-70) !default;
|
|
330
330
|
$df-color-danger-alt-active-foreground: var(--df-theme-danger-20) !default;
|
|
331
331
|
$df-color-danger-alt-active-border: var(--df-theme-danger-20) !default;
|
|
332
|
-
$df-color-danger-alt-pressed-background: var(--df-theme-danger-
|
|
332
|
+
$df-color-danger-alt-pressed-background: var(--df-theme-danger-70) !default;
|
|
333
333
|
$df-color-danger-alt-pressed-foreground: var(--df-theme-danger-20) !default;
|
|
334
334
|
$df-color-danger-alt-pressed-border: var(--df-theme-danger-20) !default;
|
|
335
|
-
$df-color-danger-alt-activeHovered-background: var(--df-theme-danger-
|
|
335
|
+
$df-color-danger-alt-activeHovered-background: var(--df-theme-danger-80) !default;
|
|
336
336
|
$df-color-danger-alt-activeHovered-foreground: var(--df-theme-danger-30) !default;
|
|
337
337
|
$df-color-danger-alt-activeHovered-border: var(--df-theme-danger-30) !default;
|
|
338
|
-
$df-color-danger-alt-activePressed-background: var(--df-theme-danger-
|
|
338
|
+
$df-color-danger-alt-activePressed-background: var(--df-theme-danger-70) !default;
|
|
339
339
|
$df-color-danger-alt-activePressed-foreground: var(--df-theme-danger-20) !default;
|
|
340
340
|
$df-color-danger-alt-activePressed-border: var(--df-theme-danger-20) !default;
|
|
341
|
-
$df-color-danger-soft-default-background: var(--df-theme-danger-
|
|
341
|
+
$df-color-danger-soft-default-background: var(--df-theme-danger-80) !default;
|
|
342
342
|
$df-color-danger-soft-default-foreground: var(--df-theme-danger-20) !default;
|
|
343
|
-
$df-color-danger-soft-hovered-background: var(--df-theme-danger-
|
|
343
|
+
$df-color-danger-soft-hovered-background: var(--df-theme-danger-70) !default;
|
|
344
344
|
$df-color-danger-soft-hovered-foreground: var(--df-theme-danger-20) !default;
|
|
345
|
-
$df-color-danger-soft-active-background: var(--df-theme-danger-
|
|
345
|
+
$df-color-danger-soft-active-background: var(--df-theme-danger-60) !default;
|
|
346
346
|
$df-color-danger-soft-active-foreground: var(--df-theme-danger-20) !default;
|
|
347
|
-
$df-color-danger-soft-pressed-background: var(--df-theme-danger-
|
|
347
|
+
$df-color-danger-soft-pressed-background: var(--df-theme-danger-60) !default;
|
|
348
348
|
$df-color-danger-soft-pressed-foreground: var(--df-theme-danger-20) !default;
|
|
349
|
-
$df-color-danger-soft-activeHovered-background: var(--df-theme-danger-
|
|
349
|
+
$df-color-danger-soft-activeHovered-background: var(--df-theme-danger-70) !default;
|
|
350
350
|
$df-color-danger-soft-activeHovered-foreground: var(--df-theme-danger-20) !default;
|
|
351
|
-
$df-color-danger-soft-activePressed-background: var(--df-theme-danger-
|
|
351
|
+
$df-color-danger-soft-activePressed-background: var(--df-theme-danger-60) !default;
|
|
352
352
|
$df-color-danger-soft-activePressed-foreground: var(--df-theme-danger-20) !default;
|
|
353
353
|
$df-color-danger-subtle-background: var(--df-theme-danger-100) !default;
|
|
354
354
|
$df-color-danger-intense-background: var(--df-theme-danger-10) !default;
|
|
@@ -373,32 +373,32 @@ $df-color-success-main-activePressed-border: var(--df-theme-success-20) !default
|
|
|
373
373
|
$df-color-success-alt-default-background: var(--df-theme-neutral-100) !default;
|
|
374
374
|
$df-color-success-alt-default-foreground: var(--df-theme-success-50) !default;
|
|
375
375
|
$df-color-success-alt-default-border: var(--df-theme-success-50) !default;
|
|
376
|
-
$df-color-success-alt-hovered-background: var(--df-theme-success-
|
|
376
|
+
$df-color-success-alt-hovered-background: var(--df-theme-success-80) !default;
|
|
377
377
|
$df-color-success-alt-hovered-foreground: var(--df-theme-success-30) !default;
|
|
378
378
|
$df-color-success-alt-hovered-border: var(--df-theme-success-30) !default;
|
|
379
|
-
$df-color-success-alt-active-background: var(--df-theme-success-
|
|
379
|
+
$df-color-success-alt-active-background: var(--df-theme-success-70) !default;
|
|
380
380
|
$df-color-success-alt-active-foreground: var(--df-theme-success-20) !default;
|
|
381
381
|
$df-color-success-alt-active-border: var(--df-theme-success-20) !default;
|
|
382
|
-
$df-color-success-alt-pressed-background: var(--df-theme-success-
|
|
382
|
+
$df-color-success-alt-pressed-background: var(--df-theme-success-70) !default;
|
|
383
383
|
$df-color-success-alt-pressed-foreground: var(--df-theme-success-20) !default;
|
|
384
384
|
$df-color-success-alt-pressed-border: var(--df-theme-success-20) !default;
|
|
385
|
-
$df-color-success-alt-activeHovered-background: var(--df-theme-success-
|
|
385
|
+
$df-color-success-alt-activeHovered-background: var(--df-theme-success-80) !default;
|
|
386
386
|
$df-color-success-alt-activeHovered-foreground: var(--df-theme-success-30) !default;
|
|
387
387
|
$df-color-success-alt-activeHovered-border: var(--df-theme-success-30) !default;
|
|
388
|
-
$df-color-success-alt-activePressed-background: var(--df-theme-success-
|
|
388
|
+
$df-color-success-alt-activePressed-background: var(--df-theme-success-70) !default;
|
|
389
389
|
$df-color-success-alt-activePressed-foreground: var(--df-theme-success-20) !default;
|
|
390
390
|
$df-color-success-alt-activePressed-border: var(--df-theme-success-20) !default;
|
|
391
|
-
$df-color-success-soft-default-background: var(--df-theme-success-
|
|
391
|
+
$df-color-success-soft-default-background: var(--df-theme-success-80) !default;
|
|
392
392
|
$df-color-success-soft-default-foreground: var(--df-theme-success-20) !default;
|
|
393
|
-
$df-color-success-soft-hovered-background: var(--df-theme-success-
|
|
393
|
+
$df-color-success-soft-hovered-background: var(--df-theme-success-70) !default;
|
|
394
394
|
$df-color-success-soft-hovered-foreground: var(--df-theme-success-20) !default;
|
|
395
|
-
$df-color-success-soft-active-background: var(--df-theme-success-
|
|
395
|
+
$df-color-success-soft-active-background: var(--df-theme-success-60) !default;
|
|
396
396
|
$df-color-success-soft-active-foreground: var(--df-theme-success-20) !default;
|
|
397
|
-
$df-color-success-soft-pressed-background: var(--df-theme-success-
|
|
397
|
+
$df-color-success-soft-pressed-background: var(--df-theme-success-60) !default;
|
|
398
398
|
$df-color-success-soft-pressed-foreground: var(--df-theme-success-20) !default;
|
|
399
|
-
$df-color-success-soft-activeHovered-background: var(--df-theme-success-
|
|
399
|
+
$df-color-success-soft-activeHovered-background: var(--df-theme-success-70) !default;
|
|
400
400
|
$df-color-success-soft-activeHovered-foreground: var(--df-theme-success-20) !default;
|
|
401
|
-
$df-color-success-soft-activePressed-background: var(--df-theme-success-
|
|
401
|
+
$df-color-success-soft-activePressed-background: var(--df-theme-success-60) !default;
|
|
402
402
|
$df-color-success-soft-activePressed-foreground: var(--df-theme-success-20) !default;
|
|
403
403
|
$df-color-success-subtle-background: var(--df-theme-success-100) !default;
|
|
404
404
|
$df-color-warning-main-default-background: var(--df-theme-warning-50) !default;
|
|
@@ -422,32 +422,32 @@ $df-color-warning-main-activePressed-border: var(--df-theme-warning-20) !default
|
|
|
422
422
|
$df-color-warning-alt-default-background: var(--df-theme-neutral-100) !default;
|
|
423
423
|
$df-color-warning-alt-default-foreground: var(--df-theme-warning-50) !default;
|
|
424
424
|
$df-color-warning-alt-default-border: var(--df-theme-warning-50) !default;
|
|
425
|
-
$df-color-warning-alt-hovered-background: var(--df-theme-warning-
|
|
425
|
+
$df-color-warning-alt-hovered-background: var(--df-theme-warning-80) !default;
|
|
426
426
|
$df-color-warning-alt-hovered-foreground: var(--df-theme-warning-30) !default;
|
|
427
427
|
$df-color-warning-alt-hovered-border: var(--df-theme-warning-30) !default;
|
|
428
|
-
$df-color-warning-alt-active-background: var(--df-theme-warning-
|
|
428
|
+
$df-color-warning-alt-active-background: var(--df-theme-warning-70) !default;
|
|
429
429
|
$df-color-warning-alt-active-foreground: var(--df-theme-warning-20) !default;
|
|
430
430
|
$df-color-warning-alt-active-border: var(--df-theme-warning-20) !default;
|
|
431
|
-
$df-color-warning-alt-pressed-background: var(--df-theme-warning-
|
|
431
|
+
$df-color-warning-alt-pressed-background: var(--df-theme-warning-70) !default;
|
|
432
432
|
$df-color-warning-alt-pressed-foreground: var(--df-theme-warning-20) !default;
|
|
433
433
|
$df-color-warning-alt-pressed-border: var(--df-theme-warning-20) !default;
|
|
434
|
-
$df-color-warning-alt-activeHovered-background: var(--df-theme-warning-
|
|
434
|
+
$df-color-warning-alt-activeHovered-background: var(--df-theme-warning-80) !default;
|
|
435
435
|
$df-color-warning-alt-activeHovered-foreground: var(--df-theme-warning-30) !default;
|
|
436
436
|
$df-color-warning-alt-activeHovered-border: var(--df-theme-warning-30) !default;
|
|
437
|
-
$df-color-warning-alt-activePressed-background: var(--df-theme-warning-
|
|
437
|
+
$df-color-warning-alt-activePressed-background: var(--df-theme-warning-70) !default;
|
|
438
438
|
$df-color-warning-alt-activePressed-foreground: var(--df-theme-warning-20) !default;
|
|
439
439
|
$df-color-warning-alt-activePressed-border: var(--df-theme-warning-20) !default;
|
|
440
|
-
$df-color-warning-soft-default-background: var(--df-theme-warning-
|
|
440
|
+
$df-color-warning-soft-default-background: var(--df-theme-warning-80) !default;
|
|
441
441
|
$df-color-warning-soft-default-foreground: var(--df-theme-warning-20) !default;
|
|
442
|
-
$df-color-warning-soft-hovered-background: var(--df-theme-warning-
|
|
442
|
+
$df-color-warning-soft-hovered-background: var(--df-theme-warning-80) !default;
|
|
443
443
|
$df-color-warning-soft-hovered-foreground: var(--df-theme-warning-20) !default;
|
|
444
|
-
$df-color-warning-soft-active-background: var(--df-theme-warning-
|
|
444
|
+
$df-color-warning-soft-active-background: var(--df-theme-warning-70) !default;
|
|
445
445
|
$df-color-warning-soft-active-foreground: var(--df-theme-warning-20) !default;
|
|
446
|
-
$df-color-warning-soft-pressed-background: var(--df-theme-warning-
|
|
446
|
+
$df-color-warning-soft-pressed-background: var(--df-theme-warning-70) !default;
|
|
447
447
|
$df-color-warning-soft-pressed-foreground: var(--df-theme-warning-20) !default;
|
|
448
|
-
$df-color-warning-soft-activeHovered-background: var(--df-theme-warning-
|
|
448
|
+
$df-color-warning-soft-activeHovered-background: var(--df-theme-warning-80) !default;
|
|
449
449
|
$df-color-warning-soft-activeHovered-foreground: var(--df-theme-warning-20) !default;
|
|
450
|
-
$df-color-warning-soft-activePressed-background: var(--df-theme-warning-
|
|
450
|
+
$df-color-warning-soft-activePressed-background: var(--df-theme-warning-70) !default;
|
|
451
451
|
$df-color-warning-soft-activePressed-foreground: var(--df-theme-warning-20) !default;
|
|
452
452
|
$df-color-warning-subtle-background: var(--df-theme-warning-100) !default;
|
|
453
453
|
$df-color-info-main-default-background: var(--df-theme-info-50) !default;
|
|
@@ -471,32 +471,32 @@ $df-color-info-main-activePressed-border: var(--df-theme-info-20) !default;
|
|
|
471
471
|
$df-color-info-alt-default-background: var(--df-theme-neutral-100) !default;
|
|
472
472
|
$df-color-info-alt-default-foreground: var(--df-theme-info-50) !default;
|
|
473
473
|
$df-color-info-alt-default-border: var(--df-theme-info-50) !default;
|
|
474
|
-
$df-color-info-alt-hovered-background: var(--df-theme-info-
|
|
474
|
+
$df-color-info-alt-hovered-background: var(--df-theme-info-80) !default;
|
|
475
475
|
$df-color-info-alt-hovered-foreground: var(--df-theme-info-30) !default;
|
|
476
476
|
$df-color-info-alt-hovered-border: var(--df-theme-info-30) !default;
|
|
477
|
-
$df-color-info-alt-active-background: var(--df-theme-info-
|
|
477
|
+
$df-color-info-alt-active-background: var(--df-theme-info-70) !default;
|
|
478
478
|
$df-color-info-alt-active-foreground: var(--df-theme-info-20) !default;
|
|
479
479
|
$df-color-info-alt-active-border: var(--df-theme-info-20) !default;
|
|
480
|
-
$df-color-info-alt-pressed-background: var(--df-theme-info-
|
|
480
|
+
$df-color-info-alt-pressed-background: var(--df-theme-info-70) !default;
|
|
481
481
|
$df-color-info-alt-pressed-foreground: var(--df-theme-info-20) !default;
|
|
482
482
|
$df-color-info-alt-pressed-border: var(--df-theme-info-20) !default;
|
|
483
|
-
$df-color-info-alt-activeHovered-background: var(--df-theme-info-
|
|
483
|
+
$df-color-info-alt-activeHovered-background: var(--df-theme-info-80) !default;
|
|
484
484
|
$df-color-info-alt-activeHovered-foreground: var(--df-theme-info-30) !default;
|
|
485
485
|
$df-color-info-alt-activeHovered-border: var(--df-theme-info-30) !default;
|
|
486
|
-
$df-color-info-alt-activePressed-background: var(--df-theme-info-
|
|
486
|
+
$df-color-info-alt-activePressed-background: var(--df-theme-info-70) !default;
|
|
487
487
|
$df-color-info-alt-activePressed-foreground: var(--df-theme-info-20) !default;
|
|
488
488
|
$df-color-info-alt-activePressed-border: var(--df-theme-info-20) !default;
|
|
489
|
-
$df-color-info-soft-default-background: var(--df-theme-info-
|
|
489
|
+
$df-color-info-soft-default-background: var(--df-theme-info-80) !default;
|
|
490
490
|
$df-color-info-soft-default-foreground: var(--df-theme-info-20) !default;
|
|
491
|
-
$df-color-info-soft-hovered-background: var(--df-theme-info-
|
|
491
|
+
$df-color-info-soft-hovered-background: var(--df-theme-info-70) !default;
|
|
492
492
|
$df-color-info-soft-hovered-foreground: var(--df-theme-info-20) !default;
|
|
493
|
-
$df-color-info-soft-active-background: var(--df-theme-info-
|
|
493
|
+
$df-color-info-soft-active-background: var(--df-theme-info-60) !default;
|
|
494
494
|
$df-color-info-soft-active-foreground: var(--df-theme-info-20) !default;
|
|
495
|
-
$df-color-info-soft-pressed-background: var(--df-theme-info-
|
|
495
|
+
$df-color-info-soft-pressed-background: var(--df-theme-info-60) !default;
|
|
496
496
|
$df-color-info-soft-pressed-foreground: var(--df-theme-info-20) !default;
|
|
497
|
-
$df-color-info-soft-activeHovered-background: var(--df-theme-info-
|
|
497
|
+
$df-color-info-soft-activeHovered-background: var(--df-theme-info-70) !default;
|
|
498
498
|
$df-color-info-soft-activeHovered-foreground: var(--df-theme-info-20) !default;
|
|
499
|
-
$df-color-info-soft-activePressed-background: var(--df-theme-info-
|
|
499
|
+
$df-color-info-soft-activePressed-background: var(--df-theme-info-60) !default;
|
|
500
500
|
$df-color-info-soft-activePressed-foreground: var(--df-theme-info-20) !default;
|
|
501
501
|
$df-color-info-subtle-background: var(--df-theme-info-100) !default;
|
|
502
502
|
$df-color-tip-main-default-background: var(--df-theme-tip-50) !default;
|
|
@@ -520,32 +520,32 @@ $df-color-tip-main-activePressed-border: var(--df-theme-tip-20) !default;
|
|
|
520
520
|
$df-color-tip-alt-default-background: var(--df-theme-neutral-100) !default;
|
|
521
521
|
$df-color-tip-alt-default-foreground: var(--df-theme-tip-50) !default;
|
|
522
522
|
$df-color-tip-alt-default-border: var(--df-theme-tip-50) !default;
|
|
523
|
-
$df-color-tip-alt-hovered-background: var(--df-theme-tip-
|
|
523
|
+
$df-color-tip-alt-hovered-background: var(--df-theme-tip-80) !default;
|
|
524
524
|
$df-color-tip-alt-hovered-foreground: var(--df-theme-tip-30) !default;
|
|
525
525
|
$df-color-tip-alt-hovered-border: var(--df-theme-tip-30) !default;
|
|
526
|
-
$df-color-tip-alt-active-background: var(--df-theme-tip-
|
|
526
|
+
$df-color-tip-alt-active-background: var(--df-theme-tip-70) !default;
|
|
527
527
|
$df-color-tip-alt-active-foreground: var(--df-theme-tip-20) !default;
|
|
528
528
|
$df-color-tip-alt-active-border: var(--df-theme-tip-20) !default;
|
|
529
|
-
$df-color-tip-alt-pressed-background: var(--df-theme-tip-
|
|
529
|
+
$df-color-tip-alt-pressed-background: var(--df-theme-tip-70) !default;
|
|
530
530
|
$df-color-tip-alt-pressed-foreground: var(--df-theme-tip-20) !default;
|
|
531
531
|
$df-color-tip-alt-pressed-border: var(--df-theme-tip-20) !default;
|
|
532
|
-
$df-color-tip-alt-activeHovered-background: var(--df-theme-tip-
|
|
532
|
+
$df-color-tip-alt-activeHovered-background: var(--df-theme-tip-80) !default;
|
|
533
533
|
$df-color-tip-alt-activeHovered-foreground: var(--df-theme-tip-30) !default;
|
|
534
534
|
$df-color-tip-alt-activeHovered-border: var(--df-theme-tip-30) !default;
|
|
535
|
-
$df-color-tip-alt-activePressed-background: var(--df-theme-tip-
|
|
535
|
+
$df-color-tip-alt-activePressed-background: var(--df-theme-tip-70) !default;
|
|
536
536
|
$df-color-tip-alt-activePressed-foreground: var(--df-theme-tip-20) !default;
|
|
537
537
|
$df-color-tip-alt-activePressed-border: var(--df-theme-tip-20) !default;
|
|
538
|
-
$df-color-tip-soft-default-background: var(--df-theme-tip-
|
|
538
|
+
$df-color-tip-soft-default-background: var(--df-theme-tip-80) !default;
|
|
539
539
|
$df-color-tip-soft-default-foreground: var(--df-theme-tip-20) !default;
|
|
540
|
-
$df-color-tip-soft-hovered-background: var(--df-theme-tip-
|
|
540
|
+
$df-color-tip-soft-hovered-background: var(--df-theme-tip-70) !default;
|
|
541
541
|
$df-color-tip-soft-hovered-foreground: var(--df-theme-tip-20) !default;
|
|
542
|
-
$df-color-tip-soft-active-background: var(--df-theme-tip-
|
|
542
|
+
$df-color-tip-soft-active-background: var(--df-theme-tip-60) !default;
|
|
543
543
|
$df-color-tip-soft-active-foreground: var(--df-theme-tip-20) !default;
|
|
544
|
-
$df-color-tip-soft-pressed-background: var(--df-theme-tip-
|
|
544
|
+
$df-color-tip-soft-pressed-background: var(--df-theme-tip-60) !default;
|
|
545
545
|
$df-color-tip-soft-pressed-foreground: var(--df-theme-tip-20) !default;
|
|
546
|
-
$df-color-tip-soft-activeHovered-background: var(--df-theme-tip-
|
|
546
|
+
$df-color-tip-soft-activeHovered-background: var(--df-theme-tip-70) !default;
|
|
547
547
|
$df-color-tip-soft-activeHovered-foreground: var(--df-theme-tip-20) !default;
|
|
548
|
-
$df-color-tip-soft-activePressed-background: var(--df-theme-tip-
|
|
548
|
+
$df-color-tip-soft-activePressed-background: var(--df-theme-tip-60) !default;
|
|
549
549
|
$df-color-tip-soft-activePressed-foreground: var(--df-theme-tip-20) !default;
|
|
550
550
|
$df-color-tip-subtle-background: var(--df-theme-tip-100) !default;
|
|
551
551
|
$df-color-accent-main-default-background: var(--df-theme-accent-40) !default;
|
|
@@ -569,32 +569,32 @@ $df-color-accent-main-activePressed-border: var(--df-theme-accent-20) !default;
|
|
|
569
569
|
$df-color-accent-alt-default-background: var(--df-theme-neutral-100) !default;
|
|
570
570
|
$df-color-accent-alt-default-foreground: var(--df-theme-accent-40) !default;
|
|
571
571
|
$df-color-accent-alt-default-border: var(--df-theme-accent-40) !default;
|
|
572
|
-
$df-color-accent-alt-hovered-background: var(--df-theme-accent-
|
|
572
|
+
$df-color-accent-alt-hovered-background: var(--df-theme-accent-80) !default;
|
|
573
573
|
$df-color-accent-alt-hovered-foreground: var(--df-theme-accent-30) !default;
|
|
574
574
|
$df-color-accent-alt-hovered-border: var(--df-theme-accent-30) !default;
|
|
575
|
-
$df-color-accent-alt-active-background: var(--df-theme-accent-
|
|
575
|
+
$df-color-accent-alt-active-background: var(--df-theme-accent-70) !default;
|
|
576
576
|
$df-color-accent-alt-active-foreground: var(--df-theme-accent-20) !default;
|
|
577
577
|
$df-color-accent-alt-active-border: var(--df-theme-accent-20) !default;
|
|
578
|
-
$df-color-accent-alt-pressed-background: var(--df-theme-accent-
|
|
578
|
+
$df-color-accent-alt-pressed-background: var(--df-theme-accent-70) !default;
|
|
579
579
|
$df-color-accent-alt-pressed-foreground: var(--df-theme-accent-20) !default;
|
|
580
580
|
$df-color-accent-alt-pressed-border: var(--df-theme-accent-20) !default;
|
|
581
|
-
$df-color-accent-alt-activeHovered-background: var(--df-theme-accent-
|
|
581
|
+
$df-color-accent-alt-activeHovered-background: var(--df-theme-accent-80) !default;
|
|
582
582
|
$df-color-accent-alt-activeHovered-foreground: var(--df-theme-accent-30) !default;
|
|
583
583
|
$df-color-accent-alt-activeHovered-border: var(--df-theme-accent-30) !default;
|
|
584
|
-
$df-color-accent-alt-activePressed-background: var(--df-theme-accent-
|
|
584
|
+
$df-color-accent-alt-activePressed-background: var(--df-theme-accent-70) !default;
|
|
585
585
|
$df-color-accent-alt-activePressed-foreground: var(--df-theme-accent-20) !default;
|
|
586
586
|
$df-color-accent-alt-activePressed-border: var(--df-theme-accent-20) !default;
|
|
587
|
-
$df-color-accent-soft-default-background: var(--df-theme-accent-
|
|
587
|
+
$df-color-accent-soft-default-background: var(--df-theme-accent-80) !default;
|
|
588
588
|
$df-color-accent-soft-default-foreground: var(--df-theme-accent-20) !default;
|
|
589
|
-
$df-color-accent-soft-hovered-background: var(--df-theme-accent-
|
|
589
|
+
$df-color-accent-soft-hovered-background: var(--df-theme-accent-70) !default;
|
|
590
590
|
$df-color-accent-soft-hovered-foreground: var(--df-theme-accent-20) !default;
|
|
591
|
-
$df-color-accent-soft-active-background: var(--df-theme-accent-
|
|
591
|
+
$df-color-accent-soft-active-background: var(--df-theme-accent-60) !default;
|
|
592
592
|
$df-color-accent-soft-active-foreground: var(--df-theme-accent-20) !default;
|
|
593
|
-
$df-color-accent-soft-pressed-background: var(--df-theme-accent-
|
|
593
|
+
$df-color-accent-soft-pressed-background: var(--df-theme-accent-60) !default;
|
|
594
594
|
$df-color-accent-soft-pressed-foreground: var(--df-theme-accent-20) !default;
|
|
595
|
-
$df-color-accent-soft-activeHovered-background: var(--df-theme-accent-
|
|
595
|
+
$df-color-accent-soft-activeHovered-background: var(--df-theme-accent-70) !default;
|
|
596
596
|
$df-color-accent-soft-activeHovered-foreground: var(--df-theme-accent-20) !default;
|
|
597
|
-
$df-color-accent-soft-activePressed-background: var(--df-theme-accent-
|
|
597
|
+
$df-color-accent-soft-activePressed-background: var(--df-theme-accent-60) !default;
|
|
598
598
|
$df-color-accent-soft-activePressed-foreground: var(--df-theme-accent-20) !default;
|
|
599
599
|
$df-color-accent-subtle-background: var(--df-theme-accent-100) !default;
|
|
600
600
|
$df-color-accent-intense-background: var(--df-theme-accent-10) !default;
|
|
@@ -669,32 +669,32 @@ $df-color-chromatic1-main-activePressed-border: var(--df-theme-chromatic1-20) !d
|
|
|
669
669
|
$df-color-chromatic1-alt-default-background: var(--df-theme-neutral-100) !default;
|
|
670
670
|
$df-color-chromatic1-alt-default-foreground: var(--df-theme-chromatic1-50) !default;
|
|
671
671
|
$df-color-chromatic1-alt-default-border: var(--df-theme-chromatic1-50) !default;
|
|
672
|
-
$df-color-chromatic1-alt-hovered-background: var(--df-theme-chromatic1-
|
|
672
|
+
$df-color-chromatic1-alt-hovered-background: var(--df-theme-chromatic1-80) !default;
|
|
673
673
|
$df-color-chromatic1-alt-hovered-foreground: var(--df-theme-chromatic1-30) !default;
|
|
674
674
|
$df-color-chromatic1-alt-hovered-border: var(--df-theme-chromatic1-30) !default;
|
|
675
|
-
$df-color-chromatic1-alt-active-background: var(--df-theme-chromatic1-
|
|
675
|
+
$df-color-chromatic1-alt-active-background: var(--df-theme-chromatic1-70) !default;
|
|
676
676
|
$df-color-chromatic1-alt-active-foreground: var(--df-theme-chromatic1-20) !default;
|
|
677
677
|
$df-color-chromatic1-alt-active-border: var(--df-theme-chromatic1-20) !default;
|
|
678
|
-
$df-color-chromatic1-alt-pressed-background: var(--df-theme-chromatic1-
|
|
678
|
+
$df-color-chromatic1-alt-pressed-background: var(--df-theme-chromatic1-70) !default;
|
|
679
679
|
$df-color-chromatic1-alt-pressed-foreground: var(--df-theme-chromatic1-20) !default;
|
|
680
680
|
$df-color-chromatic1-alt-pressed-border: var(--df-theme-chromatic1-20) !default;
|
|
681
|
-
$df-color-chromatic1-alt-activeHovered-background: var(--df-theme-chromatic1-
|
|
681
|
+
$df-color-chromatic1-alt-activeHovered-background: var(--df-theme-chromatic1-80) !default;
|
|
682
682
|
$df-color-chromatic1-alt-activeHovered-foreground: var(--df-theme-chromatic1-30) !default;
|
|
683
683
|
$df-color-chromatic1-alt-activeHovered-border: var(--df-theme-chromatic1-30) !default;
|
|
684
|
-
$df-color-chromatic1-alt-activePressed-background: var(--df-theme-chromatic1-
|
|
684
|
+
$df-color-chromatic1-alt-activePressed-background: var(--df-theme-chromatic1-70) !default;
|
|
685
685
|
$df-color-chromatic1-alt-activePressed-foreground: var(--df-theme-chromatic1-20) !default;
|
|
686
686
|
$df-color-chromatic1-alt-activePressed-border: var(--df-theme-chromatic1-20) !default;
|
|
687
|
-
$df-color-chromatic1-soft-default-background: var(--df-theme-chromatic1-
|
|
687
|
+
$df-color-chromatic1-soft-default-background: var(--df-theme-chromatic1-80) !default;
|
|
688
688
|
$df-color-chromatic1-soft-default-foreground: var(--df-theme-chromatic1-20) !default;
|
|
689
|
-
$df-color-chromatic1-soft-hovered-background: var(--df-theme-chromatic1-
|
|
689
|
+
$df-color-chromatic1-soft-hovered-background: var(--df-theme-chromatic1-80) !default;
|
|
690
690
|
$df-color-chromatic1-soft-hovered-foreground: var(--df-theme-chromatic1-20) !default;
|
|
691
|
-
$df-color-chromatic1-soft-active-background: var(--df-theme-chromatic1-
|
|
691
|
+
$df-color-chromatic1-soft-active-background: var(--df-theme-chromatic1-70) !default;
|
|
692
692
|
$df-color-chromatic1-soft-active-foreground: var(--df-theme-chromatic1-20) !default;
|
|
693
|
-
$df-color-chromatic1-soft-pressed-background: var(--df-theme-chromatic1-
|
|
693
|
+
$df-color-chromatic1-soft-pressed-background: var(--df-theme-chromatic1-70) !default;
|
|
694
694
|
$df-color-chromatic1-soft-pressed-foreground: var(--df-theme-chromatic1-20) !default;
|
|
695
|
-
$df-color-chromatic1-soft-activeHovered-background: var(--df-theme-chromatic1-
|
|
695
|
+
$df-color-chromatic1-soft-activeHovered-background: var(--df-theme-chromatic1-80) !default;
|
|
696
696
|
$df-color-chromatic1-soft-activeHovered-foreground: var(--df-theme-chromatic1-20) !default;
|
|
697
|
-
$df-color-chromatic1-soft-activePressed-background: var(--df-theme-chromatic1-
|
|
697
|
+
$df-color-chromatic1-soft-activePressed-background: var(--df-theme-chromatic1-70) !default;
|
|
698
698
|
$df-color-chromatic1-soft-activePressed-foreground: var(--df-theme-chromatic1-20) !default;
|
|
699
699
|
$df-color-chromatic1-subtle-background: var(--df-theme-chromatic1-100) !default;
|
|
700
700
|
$df-color-chromatic2-main-default-background: var(--df-theme-chromatic2-50) !default;
|
|
@@ -718,32 +718,32 @@ $df-color-chromatic2-main-activePressed-border: var(--df-theme-chromatic2-20) !d
|
|
|
718
718
|
$df-color-chromatic2-alt-default-background: var(--df-theme-neutral-100) !default;
|
|
719
719
|
$df-color-chromatic2-alt-default-foreground: var(--df-theme-chromatic2-50) !default;
|
|
720
720
|
$df-color-chromatic2-alt-default-border: var(--df-theme-chromatic2-50) !default;
|
|
721
|
-
$df-color-chromatic2-alt-hovered-background: var(--df-theme-chromatic2-
|
|
721
|
+
$df-color-chromatic2-alt-hovered-background: var(--df-theme-chromatic2-80) !default;
|
|
722
722
|
$df-color-chromatic2-alt-hovered-foreground: var(--df-theme-chromatic2-30) !default;
|
|
723
723
|
$df-color-chromatic2-alt-hovered-border: var(--df-theme-chromatic2-30) !default;
|
|
724
|
-
$df-color-chromatic2-alt-active-background: var(--df-theme-chromatic2-
|
|
724
|
+
$df-color-chromatic2-alt-active-background: var(--df-theme-chromatic2-70) !default;
|
|
725
725
|
$df-color-chromatic2-alt-active-foreground: var(--df-theme-chromatic2-20) !default;
|
|
726
726
|
$df-color-chromatic2-alt-active-border: var(--df-theme-chromatic2-20) !default;
|
|
727
|
-
$df-color-chromatic2-alt-pressed-background: var(--df-theme-chromatic2-
|
|
727
|
+
$df-color-chromatic2-alt-pressed-background: var(--df-theme-chromatic2-70) !default;
|
|
728
728
|
$df-color-chromatic2-alt-pressed-foreground: var(--df-theme-chromatic2-20) !default;
|
|
729
729
|
$df-color-chromatic2-alt-pressed-border: var(--df-theme-chromatic2-20) !default;
|
|
730
|
-
$df-color-chromatic2-alt-activeHovered-background: var(--df-theme-chromatic2-
|
|
730
|
+
$df-color-chromatic2-alt-activeHovered-background: var(--df-theme-chromatic2-80) !default;
|
|
731
731
|
$df-color-chromatic2-alt-activeHovered-foreground: var(--df-theme-chromatic2-30) !default;
|
|
732
732
|
$df-color-chromatic2-alt-activeHovered-border: var(--df-theme-chromatic2-30) !default;
|
|
733
|
-
$df-color-chromatic2-alt-activePressed-background: var(--df-theme-chromatic2-
|
|
733
|
+
$df-color-chromatic2-alt-activePressed-background: var(--df-theme-chromatic2-70) !default;
|
|
734
734
|
$df-color-chromatic2-alt-activePressed-foreground: var(--df-theme-chromatic2-20) !default;
|
|
735
735
|
$df-color-chromatic2-alt-activePressed-border: var(--df-theme-chromatic2-20) !default;
|
|
736
|
-
$df-color-chromatic2-soft-default-background: var(--df-theme-chromatic2-
|
|
736
|
+
$df-color-chromatic2-soft-default-background: var(--df-theme-chromatic2-80) !default;
|
|
737
737
|
$df-color-chromatic2-soft-default-foreground: var(--df-theme-chromatic2-20) !default;
|
|
738
|
-
$df-color-chromatic2-soft-hovered-background: var(--df-theme-chromatic2-
|
|
738
|
+
$df-color-chromatic2-soft-hovered-background: var(--df-theme-chromatic2-80) !default;
|
|
739
739
|
$df-color-chromatic2-soft-hovered-foreground: var(--df-theme-chromatic2-20) !default;
|
|
740
|
-
$df-color-chromatic2-soft-active-background: var(--df-theme-chromatic2-
|
|
740
|
+
$df-color-chromatic2-soft-active-background: var(--df-theme-chromatic2-70) !default;
|
|
741
741
|
$df-color-chromatic2-soft-active-foreground: var(--df-theme-chromatic2-20) !default;
|
|
742
|
-
$df-color-chromatic2-soft-pressed-background: var(--df-theme-chromatic2-
|
|
742
|
+
$df-color-chromatic2-soft-pressed-background: var(--df-theme-chromatic2-70) !default;
|
|
743
743
|
$df-color-chromatic2-soft-pressed-foreground: var(--df-theme-chromatic2-20) !default;
|
|
744
|
-
$df-color-chromatic2-soft-activeHovered-background: var(--df-theme-chromatic2-
|
|
744
|
+
$df-color-chromatic2-soft-activeHovered-background: var(--df-theme-chromatic2-80) !default;
|
|
745
745
|
$df-color-chromatic2-soft-activeHovered-foreground: var(--df-theme-chromatic2-20) !default;
|
|
746
|
-
$df-color-chromatic2-soft-activePressed-background: var(--df-theme-chromatic2-
|
|
746
|
+
$df-color-chromatic2-soft-activePressed-background: var(--df-theme-chromatic2-70) !default;
|
|
747
747
|
$df-color-chromatic2-soft-activePressed-foreground: var(--df-theme-chromatic2-20) !default;
|
|
748
748
|
$df-color-chromatic2-subtle-background: var(--df-theme-chromatic2-100) !default;
|
|
749
749
|
$df-color-inert-neutral-pageBackground: var(--df-theme-neutral-100) !default;
|