@dialpad/dialtone-tokens 1.44.0 → 1.44.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.
Files changed (34) hide show
  1. package/dist/android/java/tokens-dp-dark.kt +17 -40
  2. package/dist/android/java/tokens-expressive-dark.kt +17 -40
  3. package/dist/android/java/tokens-expressive-sm-dark.kt +17 -40
  4. package/dist/android/java/tokens-tmo-dark.kt +17 -40
  5. package/dist/android/res/values/colors-dp-dark.xml +17 -40
  6. package/dist/android/res/values/colors-expressive-dark.xml +17 -40
  7. package/dist/android/res/values/colors-expressive-sm-dark.xml +17 -40
  8. package/dist/android/res/values/colors-tmo-dark.xml +17 -40
  9. package/dist/css/tokens-dp-dark.css +104 -265
  10. package/dist/css/tokens-expressive-dark.css +104 -265
  11. package/dist/css/tokens-expressive-sm-dark.css +104 -265
  12. package/dist/css/tokens-tmo-dark.css +104 -265
  13. package/dist/doc.json +38640 -40664
  14. package/dist/ios/tokens-dp-dark.swift +17 -40
  15. package/dist/ios/tokens-expressive-dark.swift +17 -40
  16. package/dist/ios/tokens-expressive-sm-dark.swift +17 -40
  17. package/dist/ios/tokens-tmo-dark.swift +17 -40
  18. package/dist/less/tokens-dp-dark.less +17 -40
  19. package/dist/less/tokens-expressive-dark.less +17 -40
  20. package/dist/less/tokens-expressive-sm-dark.less +17 -40
  21. package/dist/less/tokens-tmo-dark.less +17 -40
  22. package/dist/themes/dp-dark.cjs +1 -1
  23. package/dist/themes/dp-dark.js +1 -1
  24. package/dist/themes/expressive-dark.cjs +1 -1
  25. package/dist/themes/expressive-dark.js +1 -1
  26. package/dist/themes/expressive-sm-dark.cjs +1 -1
  27. package/dist/themes/expressive-sm-dark.js +1 -1
  28. package/dist/themes/tmo-dark.cjs +1 -1
  29. package/dist/themes/tmo-dark.js +1 -1
  30. package/dist/tokens-dp-dark.json +11 -34
  31. package/dist/tokens-expressive-dark.json +11 -34
  32. package/dist/tokens-expressive-sm-dark.json +11 -34
  33. package/dist/tokens-tmo-dark.json +11 -34
  34. package/package.json +2 -2
package/dist/less/tokens-dp-dark.less CHANGED
@@ -240,29 +240,6 @@
240
240
  @dt-color-chart-sequential-09-selected: #F3F6FB; // Selected state for ninth sequential chart color.
241
241
  @dt-color-chart-sequential-10-hover: #F3F6FB; // Hover state for tenth sequential chart color.
242
242
  @dt-color-chart-sequential-10-selected: #F3F6FB; // Selected state for tenth sequential chart color.
243
- @dt-color-inputs-color-foreground-default: #E6E6E6;
244
- @dt-color-action-color-background-base-primary-default: #BBA6FC;
245
- @dt-color-action-color-background-base-primary-hover: #D3BCFF;
246
- @dt-color-action-color-background-base-primary-active: #9071FC;
247
- @dt-color-action-color-background-base-active: hsl(260 97.7% 16.9% / 0.3);
248
- @dt-color-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
249
- @dt-color-action-color-background-critical-primary-default: #FF716F;
250
- @dt-color-action-color-background-critical-primary-hover: #FFABA4;
251
- @dt-color-action-color-background-critical-primary-active: #D90A45;
252
- @dt-color-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
253
- @dt-color-action-color-background-muted-hover: hsl(0 0% 90.2% / 0.18);
254
- @dt-color-action-color-background-muted-active: hsl(0 0% 90.2% / 0.3);
255
- @dt-color-action-color-background-positive-primary-active: #AEFB3C;
256
- @dt-color-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
257
- @dt-color-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
258
- @dt-color-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
259
- @dt-color-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
260
- @dt-color-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
261
- @dt-color-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
262
- @dt-color-theme-presence-color-background-available: #84EE0B;
263
- @dt-color-theme-presence-color-background-busy-unavailable: #FF415B;
264
- @dt-color-theme-presence-color-background-busy: #FFBD48;
265
- @dt-color-theme-mention-color-background-strong: #F5F0FF;
266
243
  @dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium text style for main content.
267
244
  @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
268
245
  @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
@@ -480,7 +457,7 @@
480
457
  @dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
481
458
  @dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
482
459
  @dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
483
- @dt-inputs-color-foreground-default: #C7C7C7;
460
+ @dt-inputs-color-foreground-default: #E6E6E6;
484
461
  @dt-inputs-color-foreground-placeholder: #B0B0B0;
485
462
  @dt-inputs-color-foreground-disabled: #B0B0B0;
486
463
  @dt-inputs-color-border-default: hsl(0 0% 100% / 0.22);
@@ -516,17 +493,17 @@
516
493
  @dt-action-color-foreground-positive-active: #DBFFA9;
517
494
  @dt-action-color-foreground-positive-primary-default: #000000;
518
495
  @dt-action-color-background-base-default: transparent;
519
- @dt-action-color-background-base-hover: hsl(260 97.7% 16.9% / 0.7);
520
- @dt-action-color-background-base-active: hsl(260 97.7% 15% / 0.7);
521
- @dt-action-color-background-base-primary-default: #9071FC;
522
- @dt-action-color-background-base-primary-hover: #A38FF9;
496
+ @dt-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
497
+ @dt-action-color-background-base-active: hsl(253 95.9% 71.6% / 0.3);
498
+ @dt-action-color-background-base-primary-default: #BBA6FC;
499
+ @dt-action-color-background-base-primary-hover: #D3BCFF;
523
500
  @dt-action-color-background-base-primary-active: #BBA6FC;
524
501
  @dt-action-color-background-critical-default: transparent;
525
502
  @dt-action-color-background-critical-hover: hsl(343 72.9% 33.3% / 0.2);
526
- @dt-action-color-background-critical-active: hsl(343 72.9% 29.6% / 0.2);
527
- @dt-action-color-background-critical-primary-default: #D90A45;
528
- @dt-action-color-background-critical-primary-hover: #FF1356;
529
- @dt-action-color-background-critical-primary-active: #FF415B;
503
+ @dt-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
504
+ @dt-action-color-background-critical-primary-default: #FF716F;
505
+ @dt-action-color-background-critical-primary-hover: #FFABA4;
506
+ @dt-action-color-background-critical-primary-active: #FF716F;
530
507
  @dt-action-color-background-inverted-default: transparent;
531
508
  @dt-action-color-background-inverted-hover: hsl(0 0% 0% / 0.11);
532
509
  @dt-action-color-background-inverted-active: hsl(0 0% 0% / 0.18);
@@ -535,14 +512,14 @@
535
512
  @dt-action-color-background-inverted-primary-active: #3A1D95;
536
513
  @dt-action-color-background-muted-default: transparent;
537
514
  @dt-action-color-background-muted-hover: hsl(0 0% 90.2% / 0.18);
538
- @dt-action-color-background-muted-active: hsl(0 0% 90.2% / 0.14);
515
+ @dt-action-color-background-muted-active: hsl(0 0% 90.2% / 0.3);
539
516
  @dt-action-color-background-disabled-default: hsl(0 0% 90.2% / 0.3);
540
517
  @dt-action-color-background-positive-default: transparent;
541
518
  @dt-action-color-background-positive-hover: hsl(155 100% 15.5% / 0.28);
542
- @dt-action-color-background-positive-active: hsl(155 100% 10.9% / 0.28);
519
+ @dt-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
543
520
  @dt-action-color-background-positive-primary-default: #AEFB3C; // Postive, accepting, or success actions.
544
521
  @dt-action-color-background-positive-primary-hover: #D1FF76;
545
- @dt-action-color-background-positive-primary-active: hsl(80.1 100% 65.1%);
522
+ @dt-action-color-background-positive-primary-active: #AEFB3C;
546
523
  @dt-action-color-border-base-outlined-default: #BBA6FC;
547
524
  @dt-action-color-border-critical-outlined-default: #FF716F;
548
525
  @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.18);
@@ -554,14 +531,14 @@
554
531
  @dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
555
532
  @dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 90.2% / 0.75);
556
533
  @dt-theme-topbar-field-color-background: hsl(0 0% 90.2% / 0.05);
557
- @dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
534
+ @dt-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
558
535
  @dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
559
536
  @dt-theme-topbar-field-color-border-hover: hsl(0 0% 90.2% / 0.1);
560
537
  @dt-theme-topbar-field-color-border-active: hsl(0 0% 90.2% / 0.2);
561
538
  @dt-theme-topbar-button-color-foreground: hsl(0 0% 90.2% / 0.65);
562
539
  @dt-theme-topbar-button-color-foreground-hover: #E6E6E6;
563
540
  @dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
564
- @dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.05);
541
+ @dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
565
542
  @dt-theme-topbar-button-color-background-active: hsl(0 0% 90.2% / 0.1);
566
543
  @dt-theme-topbar-profile-color-foreground: hsl(0 0% 90.2% / 0.8);
567
544
  @dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 0% / 0.75);
@@ -575,10 +552,10 @@
575
552
  @dt-theme-sidebar-icon-color-foreground: #C7C7C7;
576
553
  @dt-theme-sidebar-status-color-foreground: #B0B0B0;
577
554
  @dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
578
- @dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.11);
555
+ @dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
579
556
  @dt-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
580
557
  @dt-theme-sidebar-selected-row-color-foreground: #E6E6E6;
581
- @dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.09);
558
+ @dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
582
559
  @dt-theme-sidebar-section-color-foreground: #B0B0B0;
583
560
  @dt-theme-presence-color-background-available: #84EE0B;
584
561
  @dt-theme-presence-color-background-busy-unavailable: #FF415B;
@@ -587,7 +564,7 @@
587
564
  @dt-theme-mention-color-foreground: #000000;
588
565
  @dt-theme-mention-color-foreground-strong: #000000;
589
566
  @dt-theme-mention-color-background: #BBA6FC;
590
- @dt-theme-mention-color-background-strong: #D3BCFF;
567
+ @dt-theme-mention-color-background-strong: #F5F0FF;
591
568
  @dt-shell-base-color-surface: #1F1F1F;
592
569
  @dt-shell-base-color-foreground: #E6E6E6;
593
570
  @dt-shell-base-color-border: #E6E6E6;
package/dist/less/tokens-expressive-dark.less CHANGED
@@ -246,29 +246,6 @@
246
246
  @dt-color-chart-sequential-09-selected: #F3F6FB; // Selected state for ninth sequential chart color.
247
247
  @dt-color-chart-sequential-10-hover: #F3F6FB; // Hover state for tenth sequential chart color.
248
248
  @dt-color-chart-sequential-10-selected: #F3F6FB; // Selected state for tenth sequential chart color.
249
- @dt-color-inputs-color-foreground-default: #E6E6E6;
250
- @dt-color-action-color-background-base-primary-default: #BBA6FC;
251
- @dt-color-action-color-background-base-primary-hover: #D3BCFF;
252
- @dt-color-action-color-background-base-primary-active: #9071FC;
253
- @dt-color-action-color-background-base-active: hsl(260 97.7% 16.9% / 0.3);
254
- @dt-color-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
255
- @dt-color-action-color-background-critical-primary-default: #FF716F;
256
- @dt-color-action-color-background-critical-primary-hover: #FFABA4;
257
- @dt-color-action-color-background-critical-primary-active: #D90A45;
258
- @dt-color-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
259
- @dt-color-action-color-background-muted-hover: hsl(0 0% 90.2% / 0.18);
260
- @dt-color-action-color-background-muted-active: hsl(0 0% 90.2% / 0.3);
261
- @dt-color-action-color-background-positive-primary-active: #AEFB3C;
262
- @dt-color-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
263
- @dt-color-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
264
- @dt-color-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
265
- @dt-color-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
266
- @dt-color-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
267
- @dt-color-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
268
- @dt-color-theme-presence-color-background-available: #84EE0B;
269
- @dt-color-theme-presence-color-background-busy-unavailable: #FF415B;
270
- @dt-color-theme-presence-color-background-busy: #FFBD48;
271
- @dt-color-theme-mention-color-background-strong: #F5F0FF;
272
249
  @dt-typography-body-md-font-family: "Season Mix", -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium text style for main content.
273
250
  @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
274
251
  @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
@@ -466,7 +443,7 @@
466
443
  @dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
467
444
  @dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
468
445
  @dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
469
- @dt-inputs-color-foreground-default: #C7C7C7;
446
+ @dt-inputs-color-foreground-default: #E6E6E6;
470
447
  @dt-inputs-color-foreground-placeholder: #B0B0B0;
471
448
  @dt-inputs-color-foreground-disabled: #B0B0B0;
472
449
  @dt-inputs-color-border-default: hsl(0 0% 100% / 0.22);
@@ -502,17 +479,17 @@
502
479
  @dt-action-color-foreground-positive-active: #DBFFA9;
503
480
  @dt-action-color-foreground-positive-primary-default: #000000;
504
481
  @dt-action-color-background-base-default: transparent;
505
- @dt-action-color-background-base-hover: hsl(260 97.7% 16.9% / 0.7);
506
- @dt-action-color-background-base-active: hsl(260 97.7% 15% / 0.7);
507
- @dt-action-color-background-base-primary-default: #9071FC;
508
- @dt-action-color-background-base-primary-hover: #A38FF9;
482
+ @dt-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
483
+ @dt-action-color-background-base-active: hsl(253 95.9% 71.6% / 0.3);
484
+ @dt-action-color-background-base-primary-default: #BBA6FC;
485
+ @dt-action-color-background-base-primary-hover: #D3BCFF;
509
486
  @dt-action-color-background-base-primary-active: #BBA6FC;
510
487
  @dt-action-color-background-critical-default: transparent;
511
488
  @dt-action-color-background-critical-hover: hsl(343 72.9% 33.3% / 0.2);
512
- @dt-action-color-background-critical-active: hsl(343 72.9% 29.6% / 0.2);
513
- @dt-action-color-background-critical-primary-default: #D90A45;
514
- @dt-action-color-background-critical-primary-hover: #FF1356;
515
- @dt-action-color-background-critical-primary-active: #FF415B;
489
+ @dt-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
490
+ @dt-action-color-background-critical-primary-default: #FF716F;
491
+ @dt-action-color-background-critical-primary-hover: #FFABA4;
492
+ @dt-action-color-background-critical-primary-active: #FF716F;
516
493
  @dt-action-color-background-inverted-default: transparent;
517
494
  @dt-action-color-background-inverted-hover: hsl(0 0% 0% / 0.11);
518
495
  @dt-action-color-background-inverted-active: hsl(0 0% 0% / 0.18);
@@ -521,14 +498,14 @@
521
498
  @dt-action-color-background-inverted-primary-active: #3A1D95;
522
499
  @dt-action-color-background-muted-default: transparent;
523
500
  @dt-action-color-background-muted-hover: hsl(0 0% 90.2% / 0.18);
524
- @dt-action-color-background-muted-active: hsl(0 0% 90.2% / 0.14);
501
+ @dt-action-color-background-muted-active: hsl(0 0% 90.2% / 0.3);
525
502
  @dt-action-color-background-disabled-default: hsl(0 0% 90.2% / 0.3);
526
503
  @dt-action-color-background-positive-default: transparent;
527
504
  @dt-action-color-background-positive-hover: hsl(155 100% 15.5% / 0.28);
528
- @dt-action-color-background-positive-active: hsl(155 100% 10.9% / 0.28);
505
+ @dt-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
529
506
  @dt-action-color-background-positive-primary-default: #AEFB3C; // Postive, accepting, or success actions.
530
507
  @dt-action-color-background-positive-primary-hover: #D1FF76;
531
- @dt-action-color-background-positive-primary-active: hsl(80.1 100% 65.1%);
508
+ @dt-action-color-background-positive-primary-active: #AEFB3C;
532
509
  @dt-action-color-border-base-outlined-default: #BBA6FC;
533
510
  @dt-action-color-border-critical-outlined-default: #FF716F;
534
511
  @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.18);
@@ -540,14 +517,14 @@
540
517
  @dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
541
518
  @dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 90.2% / 0.75);
542
519
  @dt-theme-topbar-field-color-background: hsl(0 0% 90.2% / 0.05);
543
- @dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
520
+ @dt-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
544
521
  @dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
545
522
  @dt-theme-topbar-field-color-border-hover: hsl(0 0% 90.2% / 0.1);
546
523
  @dt-theme-topbar-field-color-border-active: hsl(0 0% 90.2% / 0.2);
547
524
  @dt-theme-topbar-button-color-foreground: hsl(0 0% 90.2% / 0.65);
548
525
  @dt-theme-topbar-button-color-foreground-hover: #E6E6E6;
549
526
  @dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
550
- @dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.05);
527
+ @dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
551
528
  @dt-theme-topbar-button-color-background-active: hsl(0 0% 90.2% / 0.1);
552
529
  @dt-theme-topbar-profile-color-foreground: hsl(0 0% 90.2% / 0.8);
553
530
  @dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 0% / 0.75);
@@ -561,10 +538,10 @@
561
538
  @dt-theme-sidebar-icon-color-foreground: #C7C7C7;
562
539
  @dt-theme-sidebar-status-color-foreground: #B0B0B0;
563
540
  @dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
564
- @dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.11);
541
+ @dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
565
542
  @dt-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
566
543
  @dt-theme-sidebar-selected-row-color-foreground: #E6E6E6;
567
- @dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.09);
544
+ @dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
568
545
  @dt-theme-sidebar-section-color-foreground: #B0B0B0;
569
546
  @dt-theme-presence-color-background-available: #84EE0B;
570
547
  @dt-theme-presence-color-background-busy-unavailable: #FF415B;
@@ -573,7 +550,7 @@
573
550
  @dt-theme-mention-color-foreground: #000000;
574
551
  @dt-theme-mention-color-foreground-strong: #000000;
575
552
  @dt-theme-mention-color-background: #BBA6FC;
576
- @dt-theme-mention-color-background-strong: #D3BCFF;
553
+ @dt-theme-mention-color-background-strong: #F5F0FF;
577
554
  @dt-shell-base-color-surface: #1F1F1F;
578
555
  @dt-shell-base-color-foreground: #E6E6E6;
579
556
  @dt-shell-base-color-border: #E6E6E6;
package/dist/less/tokens-expressive-sm-dark.less CHANGED
@@ -246,29 +246,6 @@
246
246
  @dt-color-chart-sequential-09-selected: #F3F6FB; // Selected state for ninth sequential chart color.
247
247
  @dt-color-chart-sequential-10-hover: #F3F6FB; // Hover state for tenth sequential chart color.
248
248
  @dt-color-chart-sequential-10-selected: #F3F6FB; // Selected state for tenth sequential chart color.
249
- @dt-color-inputs-color-foreground-default: #E6E6E6;
250
- @dt-color-action-color-background-base-primary-default: #BBA6FC;
251
- @dt-color-action-color-background-base-primary-hover: #D3BCFF;
252
- @dt-color-action-color-background-base-primary-active: #9071FC;
253
- @dt-color-action-color-background-base-active: hsl(260 97.7% 16.9% / 0.3);
254
- @dt-color-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
255
- @dt-color-action-color-background-critical-primary-default: #FF716F;
256
- @dt-color-action-color-background-critical-primary-hover: #FFABA4;
257
- @dt-color-action-color-background-critical-primary-active: #D90A45;
258
- @dt-color-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
259
- @dt-color-action-color-background-muted-hover: hsl(0 0% 90.2% / 0.18);
260
- @dt-color-action-color-background-muted-active: hsl(0 0% 90.2% / 0.3);
261
- @dt-color-action-color-background-positive-primary-active: #AEFB3C;
262
- @dt-color-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
263
- @dt-color-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
264
- @dt-color-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
265
- @dt-color-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
266
- @dt-color-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
267
- @dt-color-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
268
- @dt-color-theme-presence-color-background-available: #84EE0B;
269
- @dt-color-theme-presence-color-background-busy-unavailable: #FF415B;
270
- @dt-color-theme-presence-color-background-busy: #FFBD48;
271
- @dt-color-theme-mention-color-background-strong: #F5F0FF;
272
249
  @dt-typography-body-md-font-family: "Season Mix", -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium text style for main content.
273
250
  @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
274
251
  @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
@@ -466,7 +443,7 @@
466
443
  @dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
467
444
  @dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
468
445
  @dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
469
- @dt-inputs-color-foreground-default: #C7C7C7;
446
+ @dt-inputs-color-foreground-default: #E6E6E6;
470
447
  @dt-inputs-color-foreground-placeholder: #B0B0B0;
471
448
  @dt-inputs-color-foreground-disabled: #B0B0B0;
472
449
  @dt-inputs-color-border-default: hsl(0 0% 100% / 0.22);
@@ -502,17 +479,17 @@
502
479
  @dt-action-color-foreground-positive-active: #DBFFA9;
503
480
  @dt-action-color-foreground-positive-primary-default: #000000;
504
481
  @dt-action-color-background-base-default: transparent;
505
- @dt-action-color-background-base-hover: hsl(260 97.7% 16.9% / 0.7);
506
- @dt-action-color-background-base-active: hsl(260 97.7% 15% / 0.7);
507
- @dt-action-color-background-base-primary-default: #9071FC;
508
- @dt-action-color-background-base-primary-hover: #A38FF9;
482
+ @dt-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
483
+ @dt-action-color-background-base-active: hsl(253 95.9% 71.6% / 0.3);
484
+ @dt-action-color-background-base-primary-default: #BBA6FC;
485
+ @dt-action-color-background-base-primary-hover: #D3BCFF;
509
486
  @dt-action-color-background-base-primary-active: #BBA6FC;
510
487
  @dt-action-color-background-critical-default: transparent;
511
488
  @dt-action-color-background-critical-hover: hsl(343 72.9% 33.3% / 0.2);
512
- @dt-action-color-background-critical-active: hsl(343 72.9% 29.6% / 0.2);
513
- @dt-action-color-background-critical-primary-default: #D90A45;
514
- @dt-action-color-background-critical-primary-hover: #FF1356;
515
- @dt-action-color-background-critical-primary-active: #FF415B;
489
+ @dt-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
490
+ @dt-action-color-background-critical-primary-default: #FF716F;
491
+ @dt-action-color-background-critical-primary-hover: #FFABA4;
492
+ @dt-action-color-background-critical-primary-active: #FF716F;
516
493
  @dt-action-color-background-inverted-default: transparent;
517
494
  @dt-action-color-background-inverted-hover: hsl(0 0% 0% / 0.11);
518
495
  @dt-action-color-background-inverted-active: hsl(0 0% 0% / 0.18);
@@ -521,14 +498,14 @@
521
498
  @dt-action-color-background-inverted-primary-active: #3A1D95;
522
499
  @dt-action-color-background-muted-default: transparent;
523
500
  @dt-action-color-background-muted-hover: hsl(0 0% 90.2% / 0.18);
524
- @dt-action-color-background-muted-active: hsl(0 0% 90.2% / 0.14);
501
+ @dt-action-color-background-muted-active: hsl(0 0% 90.2% / 0.3);
525
502
  @dt-action-color-background-disabled-default: hsl(0 0% 90.2% / 0.3);
526
503
  @dt-action-color-background-positive-default: transparent;
527
504
  @dt-action-color-background-positive-hover: hsl(155 100% 15.5% / 0.28);
528
- @dt-action-color-background-positive-active: hsl(155 100% 10.9% / 0.28);
505
+ @dt-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
529
506
  @dt-action-color-background-positive-primary-default: #AEFB3C; // Postive, accepting, or success actions.
530
507
  @dt-action-color-background-positive-primary-hover: #D1FF76;
531
- @dt-action-color-background-positive-primary-active: hsl(80.1 100% 65.1%);
508
+ @dt-action-color-background-positive-primary-active: #AEFB3C;
532
509
  @dt-action-color-border-base-outlined-default: #BBA6FC;
533
510
  @dt-action-color-border-critical-outlined-default: #FF716F;
534
511
  @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.18);
@@ -540,14 +517,14 @@
540
517
  @dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
541
518
  @dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 90.2% / 0.75);
542
519
  @dt-theme-topbar-field-color-background: hsl(0 0% 90.2% / 0.05);
543
- @dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
520
+ @dt-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
544
521
  @dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
545
522
  @dt-theme-topbar-field-color-border-hover: hsl(0 0% 90.2% / 0.1);
546
523
  @dt-theme-topbar-field-color-border-active: hsl(0 0% 90.2% / 0.2);
547
524
  @dt-theme-topbar-button-color-foreground: hsl(0 0% 90.2% / 0.65);
548
525
  @dt-theme-topbar-button-color-foreground-hover: #E6E6E6;
549
526
  @dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
550
- @dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.05);
527
+ @dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
551
528
  @dt-theme-topbar-button-color-background-active: hsl(0 0% 90.2% / 0.1);
552
529
  @dt-theme-topbar-profile-color-foreground: hsl(0 0% 90.2% / 0.8);
553
530
  @dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 0% / 0.75);
@@ -561,10 +538,10 @@
561
538
  @dt-theme-sidebar-icon-color-foreground: #C7C7C7;
562
539
  @dt-theme-sidebar-status-color-foreground: #B0B0B0;
563
540
  @dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
564
- @dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.11);
541
+ @dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
565
542
  @dt-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
566
543
  @dt-theme-sidebar-selected-row-color-foreground: #E6E6E6;
567
- @dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.09);
544
+ @dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
568
545
  @dt-theme-sidebar-section-color-foreground: #B0B0B0;
569
546
  @dt-theme-presence-color-background-available: #84EE0B;
570
547
  @dt-theme-presence-color-background-busy-unavailable: #FF415B;
@@ -573,7 +550,7 @@
573
550
  @dt-theme-mention-color-foreground: #000000;
574
551
  @dt-theme-mention-color-foreground-strong: #000000;
575
552
  @dt-theme-mention-color-background: #BBA6FC;
576
- @dt-theme-mention-color-background-strong: #D3BCFF;
553
+ @dt-theme-mention-color-background-strong: #F5F0FF;
577
554
  @dt-shell-base-color-surface: #1F1F1F;
578
555
  @dt-shell-base-color-foreground: #E6E6E6;
579
556
  @dt-shell-base-color-border: #E6E6E6;
package/dist/less/tokens-tmo-dark.less CHANGED
@@ -240,29 +240,6 @@
240
240
  @dt-color-chart-sequential-09-selected: #F3F6FB; // Selected state for ninth sequential chart color.
241
241
  @dt-color-chart-sequential-10-hover: #F3F6FB; // Hover state for tenth sequential chart color.
242
242
  @dt-color-chart-sequential-10-selected: #F3F6FB; // Selected state for tenth sequential chart color.
243
- @dt-color-inputs-color-foreground-default: #E6E6E6;
244
- @dt-color-action-color-background-base-primary-default: #BBA6FC;
245
- @dt-color-action-color-background-base-primary-hover: #D3BCFF;
246
- @dt-color-action-color-background-base-primary-active: #9071FC;
247
- @dt-color-action-color-background-base-active: hsl(260 97.7% 16.9% / 0.3);
248
- @dt-color-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
249
- @dt-color-action-color-background-critical-primary-default: #FF716F;
250
- @dt-color-action-color-background-critical-primary-hover: #FFABA4;
251
- @dt-color-action-color-background-critical-primary-active: #D90A45;
252
- @dt-color-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
253
- @dt-color-action-color-background-muted-hover: hsl(0 0% 90.2% / 0.18);
254
- @dt-color-action-color-background-muted-active: hsl(0 0% 90.2% / 0.3);
255
- @dt-color-action-color-background-positive-primary-active: #AEFB3C;
256
- @dt-color-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
257
- @dt-color-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
258
- @dt-color-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
259
- @dt-color-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
260
- @dt-color-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
261
- @dt-color-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
262
- @dt-color-theme-presence-color-background-available: #84EE0B;
263
- @dt-color-theme-presence-color-background-busy-unavailable: #FF415B;
264
- @dt-color-theme-presence-color-background-busy: #FFBD48;
265
- @dt-color-theme-mention-color-background-strong: #F5F0FF;
266
243
  @dt-typography-body-md-font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; // Base default medium text style for main content.
267
244
  @dt-typography-body-md-font-weight: 400; // Base default medium text style for main content.
268
245
  @dt-typography-body-md-line-height: 1.6; // Base default medium text style for main content.
@@ -480,7 +457,7 @@
480
457
  @dt-inputs-font-weight-md: 400; // Font weight for medium inputs (e.g. input and textarea)
481
458
  @dt-inputs-font-weight-lg: 400; // Font weight for large inputs (e.g. input and textarea)
482
459
  @dt-inputs-font-weight-xl: 400; // Font weight for extra large inputs (e.g. input and textarea)
483
- @dt-inputs-color-foreground-default: #C7C7C7;
460
+ @dt-inputs-color-foreground-default: #E6E6E6;
484
461
  @dt-inputs-color-foreground-placeholder: #B0B0B0;
485
462
  @dt-inputs-color-foreground-disabled: #B0B0B0;
486
463
  @dt-inputs-color-border-default: hsl(0 0% 100% / 0.22);
@@ -516,17 +493,17 @@
516
493
  @dt-action-color-foreground-positive-active: #DBFFA9;
517
494
  @dt-action-color-foreground-positive-primary-default: #000000;
518
495
  @dt-action-color-background-base-default: transparent;
519
- @dt-action-color-background-base-hover: hsl(260 97.7% 16.9% / 0.7);
520
- @dt-action-color-background-base-active: hsl(260 97.7% 15% / 0.7);
521
- @dt-action-color-background-base-primary-default: #9071FC;
522
- @dt-action-color-background-base-primary-hover: #A38FF9;
496
+ @dt-action-color-background-base-hover: hsl(253 95.9% 71.6% / 0.2);
497
+ @dt-action-color-background-base-active: hsl(253 95.9% 71.6% / 0.3);
498
+ @dt-action-color-background-base-primary-default: #BBA6FC;
499
+ @dt-action-color-background-base-primary-hover: #D3BCFF;
523
500
  @dt-action-color-background-base-primary-active: #BBA6FC;
524
501
  @dt-action-color-background-critical-default: transparent;
525
502
  @dt-action-color-background-critical-hover: hsl(343 72.9% 33.3% / 0.2);
526
- @dt-action-color-background-critical-active: hsl(343 72.9% 29.6% / 0.2);
527
- @dt-action-color-background-critical-primary-default: #D90A45;
528
- @dt-action-color-background-critical-primary-hover: #FF1356;
529
- @dt-action-color-background-critical-primary-active: #FF415B;
503
+ @dt-action-color-background-critical-active: hsl(343 72.9% 50% / 0.2);
504
+ @dt-action-color-background-critical-primary-default: #FF716F;
505
+ @dt-action-color-background-critical-primary-hover: #FFABA4;
506
+ @dt-action-color-background-critical-primary-active: #FF716F;
530
507
  @dt-action-color-background-inverted-default: transparent;
531
508
  @dt-action-color-background-inverted-hover: hsl(0 0% 0% / 0.11);
532
509
  @dt-action-color-background-inverted-active: hsl(0 0% 0% / 0.18);
@@ -535,14 +512,14 @@
535
512
  @dt-action-color-background-inverted-primary-active: #3A1D95;
536
513
  @dt-action-color-background-muted-default: transparent;
537
514
  @dt-action-color-background-muted-hover: hsl(0 0% 90.2% / 0.18);
538
- @dt-action-color-background-muted-active: hsl(0 0% 90.2% / 0.14);
515
+ @dt-action-color-background-muted-active: hsl(0 0% 90.2% / 0.3);
539
516
  @dt-action-color-background-disabled-default: hsl(0 0% 90.2% / 0.3);
540
517
  @dt-action-color-background-positive-default: transparent;
541
518
  @dt-action-color-background-positive-hover: hsl(155 100% 15.5% / 0.28);
542
- @dt-action-color-background-positive-active: hsl(155 100% 10.9% / 0.28);
519
+ @dt-action-color-background-positive-active: hsl(155 100% 36.6% / 0.28);
543
520
  @dt-action-color-background-positive-primary-default: #AEFB3C; // Postive, accepting, or success actions.
544
521
  @dt-action-color-background-positive-primary-hover: #D1FF76;
545
- @dt-action-color-background-positive-primary-active: hsl(80.1 100% 65.1%);
522
+ @dt-action-color-background-positive-primary-active: #AEFB3C;
546
523
  @dt-action-color-border-base-outlined-default: #BBA6FC;
547
524
  @dt-action-color-border-critical-outlined-default: #FF716F;
548
525
  @dt-action-color-border-inverted-outlined-default: hsl(0 0% 0% / 0.18);
@@ -554,14 +531,14 @@
554
531
  @dt-theme-topbar-field-color-foreground: hsl(0 0% 90.2% / 0.5);
555
532
  @dt-theme-topbar-field-color-foreground-hover: hsl(0 0% 90.2% / 0.75);
556
533
  @dt-theme-topbar-field-color-background: hsl(0 0% 90.2% / 0.05);
557
- @dt-theme-topbar-field-color-background-hover: hsl(0 0% 100%);
534
+ @dt-theme-topbar-field-color-background-hover: hsl(0 0% 8.27%);
558
535
  @dt-theme-topbar-field-color-border: hsl(0 0% 90.2% / 0);
559
536
  @dt-theme-topbar-field-color-border-hover: hsl(0 0% 90.2% / 0.1);
560
537
  @dt-theme-topbar-field-color-border-active: hsl(0 0% 90.2% / 0.2);
561
538
  @dt-theme-topbar-button-color-foreground: hsl(0 0% 90.2% / 0.65);
562
539
  @dt-theme-topbar-button-color-foreground-hover: #E6E6E6;
563
540
  @dt-theme-topbar-button-color-background: hsl(0 0% 90.2% / 0);
564
- @dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.05);
541
+ @dt-theme-topbar-button-color-background-hover: hsl(0 0% 90.2% / 0.15);
565
542
  @dt-theme-topbar-button-color-background-active: hsl(0 0% 90.2% / 0.1);
566
543
  @dt-theme-topbar-profile-color-foreground: hsl(0 0% 90.2% / 0.8);
567
544
  @dt-theme-topbar-profile-color-foreground-inverted: hsl(0 0% 0% / 0.75);
@@ -575,10 +552,10 @@
575
552
  @dt-theme-sidebar-icon-color-foreground: #C7C7C7;
576
553
  @dt-theme-sidebar-status-color-foreground: #B0B0B0;
577
554
  @dt-theme-sidebar-row-color-background: hsl(0 0% 90.2% / 0);
578
- @dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.11);
555
+ @dt-theme-sidebar-row-color-background-hover: hsl(0 0% 90.2% / 0.1);
579
556
  @dt-theme-sidebar-row-color-background-active: hsl(0 0% 90.2% / 0.15);
580
557
  @dt-theme-sidebar-selected-row-color-foreground: #E6E6E6;
581
- @dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.09);
558
+ @dt-theme-sidebar-selected-row-color-background: hsl(0 0% 90.2% / 0.12);
582
559
  @dt-theme-sidebar-section-color-foreground: #B0B0B0;
583
560
  @dt-theme-presence-color-background-available: #84EE0B;
584
561
  @dt-theme-presence-color-background-busy-unavailable: #FF415B;
@@ -587,7 +564,7 @@
587
564
  @dt-theme-mention-color-foreground: #000000;
588
565
  @dt-theme-mention-color-foreground-strong: #000000;
589
566
  @dt-theme-mention-color-background: #BBA6FC;
590
- @dt-theme-mention-color-background-strong: #D3BCFF;
567
+ @dt-theme-mention-color-background-strong: #F5F0FF;
591
568
  @dt-shell-base-color-surface: #1F1F1F;
592
569
  @dt-shell-base-color-foreground: #E6E6E6;
593
570
  @dt-shell-base-color-border: #E6E6E6;