@momentum-design/tokens 0.10.4 → 0.12.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 (100) hide show
  1. package/dist/css/components/complete.css +264 -12
  2. package/dist/css/theme/webex/dark-bronze-stable.css +22 -1
  3. package/dist/css/theme/webex/dark-indigo-stable.css +22 -1
  4. package/dist/css/theme/webex/dark-jade-stable.css +22 -1
  5. package/dist/css/theme/webex/dark-lavender-stable.css +22 -1
  6. package/dist/css/theme/webex/dark-rose-stable.css +22 -1
  7. package/dist/css/theme/webex/dark-stable.css +22 -1
  8. package/dist/css/theme/webex/hc-dark-stable.css +3 -0
  9. package/dist/css/theme/webex/hc-light-stable.css +3 -0
  10. package/dist/css/theme/webex/light-bronze-stable.css +22 -1
  11. package/dist/css/theme/webex/light-indigo-stable.css +22 -1
  12. package/dist/css/theme/webex/light-jade-stable.css +22 -1
  13. package/dist/css/theme/webex/light-lavender-stable.css +22 -1
  14. package/dist/css/theme/webex/light-rose-stable.css +22 -1
  15. package/dist/css/theme/webex/light-stable.css +22 -1
  16. package/dist/ios/theme/webex/dark-bronze-stable.swift +22 -1
  17. package/dist/ios/theme/webex/dark-indigo-stable.swift +22 -1
  18. package/dist/ios/theme/webex/dark-jade-stable.swift +22 -1
  19. package/dist/ios/theme/webex/dark-lavender-stable.swift +22 -1
  20. package/dist/ios/theme/webex/dark-rose-stable.swift +22 -1
  21. package/dist/ios/theme/webex/dark-stable.swift +22 -1
  22. package/dist/ios/theme/webex/hc-dark-stable.swift +3 -0
  23. package/dist/ios/theme/webex/hc-light-stable.swift +3 -0
  24. package/dist/ios/theme/webex/light-bronze-stable.swift +22 -1
  25. package/dist/ios/theme/webex/light-indigo-stable.swift +22 -1
  26. package/dist/ios/theme/webex/light-jade-stable.swift +22 -1
  27. package/dist/ios/theme/webex/light-lavender-stable.swift +22 -1
  28. package/dist/ios/theme/webex/light-rose-stable.swift +22 -1
  29. package/dist/ios/theme/webex/light-stable.swift +22 -1
  30. package/dist/ios-webex/theme/webex/dark-bronze-stable.swift +22 -1
  31. package/dist/ios-webex/theme/webex/dark-indigo-stable.swift +22 -1
  32. package/dist/ios-webex/theme/webex/dark-jade-stable.swift +22 -1
  33. package/dist/ios-webex/theme/webex/dark-lavender-stable.swift +22 -1
  34. package/dist/ios-webex/theme/webex/dark-rose-stable.swift +22 -1
  35. package/dist/ios-webex/theme/webex/dark-stable.swift +22 -1
  36. package/dist/ios-webex/theme/webex/hc-dark-stable.swift +3 -0
  37. package/dist/ios-webex/theme/webex/hc-light-stable.swift +9 -0
  38. package/dist/ios-webex/theme/webex/light-bronze-stable.swift +64 -1
  39. package/dist/ios-webex/theme/webex/light-indigo-stable.swift +64 -1
  40. package/dist/ios-webex/theme/webex/light-jade-stable.swift +64 -1
  41. package/dist/ios-webex/theme/webex/light-lavender-stable.swift +64 -1
  42. package/dist/ios-webex/theme/webex/light-rose-stable.swift +64 -1
  43. package/dist/ios-webex/theme/webex/light-stable.swift +64 -1
  44. package/dist/json/theme/webex/dark-bronze-stable.json +706 -2
  45. package/dist/json/theme/webex/dark-indigo-stable.json +706 -2
  46. package/dist/json/theme/webex/dark-jade-stable.json +706 -2
  47. package/dist/json/theme/webex/dark-lavender-stable.json +706 -2
  48. package/dist/json/theme/webex/dark-rose-stable.json +706 -2
  49. package/dist/json/theme/webex/dark-stable.json +706 -2
  50. package/dist/json/theme/webex/hc-dark-stable.json +132 -0
  51. package/dist/json/theme/webex/hc-light-stable.json +132 -0
  52. package/dist/json/theme/webex/light-bronze-stable.json +706 -2
  53. package/dist/json/theme/webex/light-indigo-stable.json +706 -2
  54. package/dist/json/theme/webex/light-jade-stable.json +706 -2
  55. package/dist/json/theme/webex/light-lavender-stable.json +706 -2
  56. package/dist/json/theme/webex/light-rose-stable.json +706 -2
  57. package/dist/json/theme/webex/light-stable.json +706 -2
  58. package/dist/json-minimal/theme/webex/dark-bronze-stable.json +38 -1
  59. package/dist/json-minimal/theme/webex/dark-indigo-stable.json +38 -1
  60. package/dist/json-minimal/theme/webex/dark-jade-stable.json +38 -1
  61. package/dist/json-minimal/theme/webex/dark-lavender-stable.json +38 -1
  62. package/dist/json-minimal/theme/webex/dark-rose-stable.json +38 -1
  63. package/dist/json-minimal/theme/webex/dark-stable.json +38 -1
  64. package/dist/json-minimal/theme/webex/hc-dark-stable.json +6 -1
  65. package/dist/json-minimal/theme/webex/hc-light-stable.json +6 -1
  66. package/dist/json-minimal/theme/webex/light-bronze-stable.json +38 -1
  67. package/dist/json-minimal/theme/webex/light-indigo-stable.json +38 -1
  68. package/dist/json-minimal/theme/webex/light-jade-stable.json +38 -1
  69. package/dist/json-minimal/theme/webex/light-lavender-stable.json +38 -1
  70. package/dist/json-minimal/theme/webex/light-rose-stable.json +38 -1
  71. package/dist/json-minimal/theme/webex/light-stable.json +38 -1
  72. package/dist/resources/theme/webex/dark-bronze-stable.xml +22 -1
  73. package/dist/resources/theme/webex/dark-indigo-stable.xml +22 -1
  74. package/dist/resources/theme/webex/dark-jade-stable.xml +22 -1
  75. package/dist/resources/theme/webex/dark-lavender-stable.xml +22 -1
  76. package/dist/resources/theme/webex/dark-rose-stable.xml +22 -1
  77. package/dist/resources/theme/webex/dark-stable.xml +22 -1
  78. package/dist/resources/theme/webex/hc-dark-stable.xml +3 -0
  79. package/dist/resources/theme/webex/hc-light-stable.xml +3 -0
  80. package/dist/resources/theme/webex/light-bronze-stable.xml +22 -1
  81. package/dist/resources/theme/webex/light-indigo-stable.xml +22 -1
  82. package/dist/resources/theme/webex/light-jade-stable.xml +22 -1
  83. package/dist/resources/theme/webex/light-lavender-stable.xml +22 -1
  84. package/dist/resources/theme/webex/light-rose-stable.xml +22 -1
  85. package/dist/resources/theme/webex/light-stable.xml +22 -1
  86. package/dist/scss/theme/webex/dark-bronze-stable.scss +22 -1
  87. package/dist/scss/theme/webex/dark-indigo-stable.scss +22 -1
  88. package/dist/scss/theme/webex/dark-jade-stable.scss +22 -1
  89. package/dist/scss/theme/webex/dark-lavender-stable.scss +22 -1
  90. package/dist/scss/theme/webex/dark-rose-stable.scss +22 -1
  91. package/dist/scss/theme/webex/dark-stable.scss +22 -1
  92. package/dist/scss/theme/webex/hc-dark-stable.scss +3 -0
  93. package/dist/scss/theme/webex/hc-light-stable.scss +3 -0
  94. package/dist/scss/theme/webex/light-bronze-stable.scss +22 -1
  95. package/dist/scss/theme/webex/light-indigo-stable.scss +22 -1
  96. package/dist/scss/theme/webex/light-jade-stable.scss +22 -1
  97. package/dist/scss/theme/webex/light-lavender-stable.scss +22 -1
  98. package/dist/scss/theme/webex/light-rose-stable.scss +22 -1
  99. package/dist/scss/theme/webex/light-stable.scss +22 -1
  100. package/package.json +1 -1
package/dist/css/components/complete.css CHANGED
@@ -157,7 +157,10 @@
157
157
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
158
158
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
159
159
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
160
- --mds-color-theme-background-skeleton-normal: #707070;
160
+ --mds-color-theme-background-skeleton-normal: #262626;
161
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
162
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
163
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
161
164
  --mds-color-theme-background-glass-normal: #ffffff0d;
162
165
  --mds-color-theme-background-glass-active: #ffffff1c;
163
166
  --mds-color-theme-background-glass-light: #00000066;
@@ -330,6 +333,24 @@
330
333
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
331
334
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
332
335
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
336
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
337
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
338
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
339
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
340
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
341
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
342
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
343
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
344
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
345
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
346
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
347
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
348
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
349
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
350
+ --mds-color-theme-common-caption-text-light-green: #185e46;
351
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
352
+ --mds-color-theme-common-caption-text-light-purple: #932099;
353
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
333
354
  --mds-color-theme-scrollbar-button-normal: #ffffff66;
334
355
  --mds-color-theme-scrollbar-button-hover: #ffffff80;
335
356
  --mds-color-theme-scrollbar-button-pressed: #ffffff99;
@@ -560,7 +581,10 @@
560
581
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1f1402 0%, #171002 100%);
561
582
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #2e2515 0%, #171002 100%);
562
583
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
563
- --mds-color-theme-background-skeleton-normal: #707070;
584
+ --mds-color-theme-background-skeleton-normal: #262626;
585
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
586
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
587
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
564
588
  --mds-color-theme-background-glass-normal: #ffffff0d;
565
589
  --mds-color-theme-background-glass-active: #ffffff1c;
566
590
  --mds-color-theme-background-glass-light: #00000066;
@@ -733,6 +757,24 @@
733
757
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
734
758
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
735
759
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
760
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
761
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
762
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
763
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
764
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
765
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
766
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
767
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
768
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
769
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
770
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
771
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
772
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
773
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
774
+ --mds-color-theme-common-caption-text-light-green: #185e46;
775
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
776
+ --mds-color-theme-common-caption-text-light-purple: #932099;
777
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
736
778
  --mds-color-theme-scrollbar-button-normal: #ffffff66;
737
779
  --mds-color-theme-scrollbar-button-hover: #ffffff80;
738
780
  --mds-color-theme-scrollbar-button-pressed: #ffffff99;
@@ -963,7 +1005,10 @@
963
1005
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #13182b 0%, #0e111a 100%);
964
1006
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #212536 0%, #0e111a 100%);
965
1007
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
966
- --mds-color-theme-background-skeleton-normal: #707070;
1008
+ --mds-color-theme-background-skeleton-normal: #262626;
1009
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
1010
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
1011
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
967
1012
  --mds-color-theme-background-glass-normal: #ffffff0d;
968
1013
  --mds-color-theme-background-glass-active: #ffffff1c;
969
1014
  --mds-color-theme-background-glass-light: #00000066;
@@ -1136,6 +1181,24 @@
1136
1181
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
1137
1182
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
1138
1183
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
1184
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
1185
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
1186
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
1187
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
1188
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
1189
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
1190
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
1191
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
1192
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
1193
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
1194
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
1195
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
1196
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
1197
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
1198
+ --mds-color-theme-common-caption-text-light-green: #185e46;
1199
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
1200
+ --mds-color-theme-common-caption-text-light-purple: #932099;
1201
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
1139
1202
  --mds-color-theme-scrollbar-button-normal: #ffffff66;
1140
1203
  --mds-color-theme-scrollbar-button-hover: #ffffff80;
1141
1204
  --mds-color-theme-scrollbar-button-pressed: #ffffff99;
@@ -1366,7 +1429,10 @@
1366
1429
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #001c18 0%, #021412 100%);
1367
1430
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #122925 0%, #021412 100%);
1368
1431
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
1369
- --mds-color-theme-background-skeleton-normal: #707070;
1432
+ --mds-color-theme-background-skeleton-normal: #262626;
1433
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
1434
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
1435
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
1370
1436
  --mds-color-theme-background-glass-normal: #ffffff0d;
1371
1437
  --mds-color-theme-background-glass-active: #ffffff1c;
1372
1438
  --mds-color-theme-background-glass-light: #00000066;
@@ -1539,6 +1605,24 @@
1539
1605
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
1540
1606
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
1541
1607
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
1608
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
1609
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
1610
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
1611
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
1612
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
1613
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
1614
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
1615
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
1616
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
1617
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
1618
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
1619
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
1620
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
1621
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
1622
+ --mds-color-theme-common-caption-text-light-green: #185e46;
1623
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
1624
+ --mds-color-theme-common-caption-text-light-purple: #932099;
1625
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
1542
1626
  --mds-color-theme-scrollbar-button-normal: #ffffff66;
1543
1627
  --mds-color-theme-scrollbar-button-hover: #ffffff80;
1544
1628
  --mds-color-theme-scrollbar-button-pressed: #ffffff99;
@@ -1769,7 +1853,10 @@
1769
1853
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #231237 0%, #18082b 100%);
1770
1854
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #301a4a 0%, #18082b 100%);
1771
1855
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
1772
- --mds-color-theme-background-skeleton-normal: #707070;
1856
+ --mds-color-theme-background-skeleton-normal: #262626;
1857
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
1858
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
1859
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
1773
1860
  --mds-color-theme-background-glass-normal: #ffffff0d;
1774
1861
  --mds-color-theme-background-glass-active: #ffffff1c;
1775
1862
  --mds-color-theme-background-glass-light: #00000066;
@@ -1942,6 +2029,24 @@
1942
2029
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
1943
2030
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
1944
2031
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
2032
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
2033
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
2034
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
2035
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
2036
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
2037
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
2038
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
2039
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
2040
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
2041
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
2042
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
2043
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
2044
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
2045
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
2046
+ --mds-color-theme-common-caption-text-light-green: #185e46;
2047
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
2048
+ --mds-color-theme-common-caption-text-light-purple: #932099;
2049
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
1945
2050
  --mds-color-theme-scrollbar-button-normal: #ffffff66;
1946
2051
  --mds-color-theme-scrollbar-button-hover: #ffffff80;
1947
2052
  --mds-color-theme-scrollbar-button-pressed: #ffffff99;
@@ -2172,7 +2277,10 @@
2172
2277
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #30041e 0%, #1f0615 100%);
2173
2278
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #40162e 0%, #1f0615 100%);
2174
2279
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
2175
- --mds-color-theme-background-skeleton-normal: #707070;
2280
+ --mds-color-theme-background-skeleton-normal: #262626;
2281
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
2282
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
2283
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
2176
2284
  --mds-color-theme-background-glass-normal: #ffffff0d;
2177
2285
  --mds-color-theme-background-glass-active: #ffffff1c;
2178
2286
  --mds-color-theme-background-glass-light: #00000066;
@@ -2345,6 +2453,24 @@
2345
2453
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
2346
2454
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
2347
2455
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
2456
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
2457
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
2458
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
2459
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
2460
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
2461
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
2462
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
2463
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
2464
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
2465
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
2466
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
2467
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
2468
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
2469
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
2470
+ --mds-color-theme-common-caption-text-light-green: #185e46;
2471
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
2472
+ --mds-color-theme-common-caption-text-light-purple: #932099;
2473
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
2348
2474
  --mds-color-theme-scrollbar-button-normal: #ffffff66;
2349
2475
  --mds-color-theme-scrollbar-button-hover: #ffffff80;
2350
2476
  --mds-color-theme-scrollbar-button-pressed: #ffffff99;
@@ -2575,7 +2701,10 @@
2575
2701
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
2576
2702
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
2577
2703
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
2578
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
2704
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
2705
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
2706
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
2707
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
2579
2708
  --mds-color-theme-background-glass-normal: #ffffff66;
2580
2709
  --mds-color-theme-background-glass-active: #ffffff99;
2581
2710
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -2748,6 +2877,24 @@
2748
2877
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
2749
2878
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
2750
2879
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
2880
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
2881
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
2882
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
2883
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
2884
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
2885
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
2886
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
2887
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
2888
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
2889
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
2890
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
2891
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
2892
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
2893
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
2894
+ --mds-color-theme-common-caption-text-light-green: #185e46;
2895
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
2896
+ --mds-color-theme-common-caption-text-light-purple: #932099;
2897
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
2751
2898
  --mds-color-theme-scrollbar-button-normal: #00000075;
2752
2899
  --mds-color-theme-scrollbar-button-hover: #00000080;
2753
2900
  --mds-color-theme-scrollbar-button-pressed: #00000099;
@@ -2978,7 +3125,10 @@
2978
3125
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f5efe4 0%, #ffffff 100%);
2979
3126
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fcfaf4 0%, #ffffff 100%);
2980
3127
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
2981
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
3128
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
3129
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
3130
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
3131
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
2982
3132
  --mds-color-theme-background-glass-normal: #ffffff66;
2983
3133
  --mds-color-theme-background-glass-active: #ffffff99;
2984
3134
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -3151,6 +3301,24 @@
3151
3301
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
3152
3302
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
3153
3303
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
3304
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
3305
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
3306
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
3307
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
3308
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
3309
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
3310
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
3311
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
3312
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
3313
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
3314
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
3315
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
3316
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
3317
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
3318
+ --mds-color-theme-common-caption-text-light-green: #185e46;
3319
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
3320
+ --mds-color-theme-common-caption-text-light-purple: #932099;
3321
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
3154
3322
  --mds-color-theme-scrollbar-button-normal: #00000075;
3155
3323
  --mds-color-theme-scrollbar-button-hover: #00000080;
3156
3324
  --mds-color-theme-scrollbar-button-pressed: #00000099;
@@ -3381,7 +3549,10 @@
3381
3549
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #ebeffc 0%, #ffffff 100%);
3382
3550
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7f9ff 0%, #ffffff 100%);
3383
3551
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
3384
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
3552
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
3553
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
3554
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
3555
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
3385
3556
  --mds-color-theme-background-glass-normal: #ffffff66;
3386
3557
  --mds-color-theme-background-glass-active: #ffffff99;
3387
3558
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -3554,6 +3725,24 @@
3554
3725
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
3555
3726
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
3556
3727
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
3728
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
3729
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
3730
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
3731
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
3732
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
3733
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
3734
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
3735
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
3736
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
3737
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
3738
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
3739
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
3740
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
3741
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
3742
+ --mds-color-theme-common-caption-text-light-green: #185e46;
3743
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
3744
+ --mds-color-theme-common-caption-text-light-purple: #932099;
3745
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
3557
3746
  --mds-color-theme-scrollbar-button-normal: #00000075;
3558
3747
  --mds-color-theme-scrollbar-button-hover: #00000080;
3559
3748
  --mds-color-theme-scrollbar-button-pressed: #00000099;
@@ -3784,7 +3973,10 @@
3784
3973
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #e6f2f1 0%, #ffffff 100%);
3785
3974
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #f7fcfc 0%, #ffffff 100%);
3786
3975
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
3787
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
3976
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
3977
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
3978
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
3979
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
3788
3980
  --mds-color-theme-background-glass-normal: #ffffff66;
3789
3981
  --mds-color-theme-background-glass-active: #ffffff99;
3790
3982
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -3957,6 +4149,24 @@
3957
4149
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
3958
4150
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
3959
4151
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
4152
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
4153
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
4154
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
4155
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
4156
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
4157
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
4158
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
4159
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
4160
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
4161
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
4162
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
4163
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
4164
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
4165
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
4166
+ --mds-color-theme-common-caption-text-light-green: #185e46;
4167
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
4168
+ --mds-color-theme-common-caption-text-light-purple: #932099;
4169
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
3960
4170
  --mds-color-theme-scrollbar-button-normal: #00000075;
3961
4171
  --mds-color-theme-scrollbar-button-hover: #00000080;
3962
4172
  --mds-color-theme-scrollbar-button-pressed: #00000099;
@@ -4187,7 +4397,10 @@
4187
4397
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f4ebff 0%, #ffffff 100%);
4188
4398
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fbf7ff 0%, #ffffff 100%);
4189
4399
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
4190
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
4400
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
4401
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
4402
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
4403
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
4191
4404
  --mds-color-theme-background-glass-normal: #ffffff66;
4192
4405
  --mds-color-theme-background-glass-active: #ffffff99;
4193
4406
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -4360,6 +4573,24 @@
4360
4573
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
4361
4574
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
4362
4575
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
4576
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
4577
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
4578
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
4579
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
4580
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
4581
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
4582
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
4583
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
4584
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
4585
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
4586
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
4587
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
4588
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
4589
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
4590
+ --mds-color-theme-common-caption-text-light-green: #185e46;
4591
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
4592
+ --mds-color-theme-common-caption-text-light-purple: #932099;
4593
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
4363
4594
  --mds-color-theme-scrollbar-button-normal: #00000075;
4364
4595
  --mds-color-theme-scrollbar-button-hover: #00000080;
4365
4596
  --mds-color-theme-scrollbar-button-pressed: #00000099;
@@ -4590,7 +4821,10 @@
4590
4821
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #fcebf5 0%, #ffffff 100%);
4591
4822
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fff9fd 0%, #ffffff 100%);
4592
4823
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
4593
- --mds-color-theme-background-skeleton-normal: #8f8f8f;
4824
+ --mds-color-theme-background-skeleton-normal: #c9c9c9;
4825
+ --mds-color-theme-background-skeleton-shimmer-0: #f7f7f700;
4826
+ --mds-color-theme-background-skeleton-shimmer-1: #f7f7f7;
4827
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
4594
4828
  --mds-color-theme-background-glass-normal: #ffffff66;
4595
4829
  --mds-color-theme-background-glass-active: #ffffff99;
4596
4830
  --mds-color-theme-background-glass-light: #ffffff66;
@@ -4763,6 +4997,24 @@
4763
4997
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
4764
4998
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
4765
4999
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
5000
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
5001
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
5002
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
5003
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
5004
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
5005
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
5006
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
5007
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
5008
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
5009
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
5010
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
5011
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
5012
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
5013
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
5014
+ --mds-color-theme-common-caption-text-light-green: #185e46;
5015
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
5016
+ --mds-color-theme-common-caption-text-light-purple: #932099;
5017
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
4766
5018
  --mds-color-theme-scrollbar-button-normal: #00000075;
4767
5019
  --mds-color-theme-scrollbar-button-hover: #00000080;
4768
5020
  --mds-color-theme-scrollbar-button-pressed: #00000099;
package/dist/css/theme/webex/dark-bronze-stable.css CHANGED
@@ -161,7 +161,10 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1f1402 0%, #171002 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #2e2515 0%, #171002 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
- --mds-color-theme-background-skeleton-normal: #707070;
164
+ --mds-color-theme-background-skeleton-normal: #262626;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff0d;
166
169
  --mds-color-theme-background-glass-active: #ffffff1c;
167
170
  --mds-color-theme-background-glass-light: #00000066;
@@ -334,6 +337,24 @@
334
337
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
335
338
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
336
339
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
340
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
341
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
342
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
343
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
344
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
345
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
346
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
347
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
348
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
349
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
350
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
351
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
352
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
353
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
354
+ --mds-color-theme-common-caption-text-light-green: #185e46;
355
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
356
+ --mds-color-theme-common-caption-text-light-purple: #932099;
357
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
337
358
  --mds-color-theme-scrollbar-button-normal: #ffffff66;
338
359
  --mds-color-theme-scrollbar-button-hover: #ffffff80;
339
360
  --mds-color-theme-scrollbar-button-pressed: #ffffff99;
package/dist/css/theme/webex/dark-indigo-stable.css CHANGED
@@ -161,7 +161,10 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #13182b 0%, #0e111a 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #212536 0%, #0e111a 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
- --mds-color-theme-background-skeleton-normal: #707070;
164
+ --mds-color-theme-background-skeleton-normal: #262626;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff0d;
166
169
  --mds-color-theme-background-glass-active: #ffffff1c;
167
170
  --mds-color-theme-background-glass-light: #00000066;
@@ -334,6 +337,24 @@
334
337
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
335
338
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
336
339
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
340
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
341
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
342
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
343
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
344
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
345
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
346
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
347
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
348
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
349
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
350
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
351
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
352
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
353
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
354
+ --mds-color-theme-common-caption-text-light-green: #185e46;
355
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
356
+ --mds-color-theme-common-caption-text-light-purple: #932099;
357
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
337
358
  --mds-color-theme-scrollbar-button-normal: #ffffff66;
338
359
  --mds-color-theme-scrollbar-button-hover: #ffffff80;
339
360
  --mds-color-theme-scrollbar-button-pressed: #ffffff99;
package/dist/css/theme/webex/dark-jade-stable.css CHANGED
@@ -161,7 +161,10 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #001c18 0%, #021412 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #122925 0%, #021412 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
- --mds-color-theme-background-skeleton-normal: #707070;
164
+ --mds-color-theme-background-skeleton-normal: #262626;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff0d;
166
169
  --mds-color-theme-background-glass-active: #ffffff1c;
167
170
  --mds-color-theme-background-glass-light: #00000066;
@@ -334,6 +337,24 @@
334
337
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
335
338
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
336
339
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
340
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
341
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
342
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
343
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
344
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
345
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
346
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
347
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
348
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
349
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
350
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
351
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
352
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
353
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
354
+ --mds-color-theme-common-caption-text-light-green: #185e46;
355
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
356
+ --mds-color-theme-common-caption-text-light-purple: #932099;
357
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
337
358
  --mds-color-theme-scrollbar-button-normal: #ffffff66;
338
359
  --mds-color-theme-scrollbar-button-hover: #ffffff80;
339
360
  --mds-color-theme-scrollbar-button-pressed: #ffffff99;
package/dist/css/theme/webex/dark-lavender-stable.css CHANGED
@@ -161,7 +161,10 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #231237 0%, #18082b 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #301a4a 0%, #18082b 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
- --mds-color-theme-background-skeleton-normal: #707070;
164
+ --mds-color-theme-background-skeleton-normal: #262626;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff0d;
166
169
  --mds-color-theme-background-glass-active: #ffffff1c;
167
170
  --mds-color-theme-background-glass-light: #00000066;
@@ -334,6 +337,24 @@
334
337
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
335
338
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
336
339
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
340
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
341
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
342
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
343
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
344
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
345
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
346
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
347
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
348
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
349
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
350
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
351
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
352
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
353
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
354
+ --mds-color-theme-common-caption-text-light-green: #185e46;
355
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
356
+ --mds-color-theme-common-caption-text-light-purple: #932099;
357
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
337
358
  --mds-color-theme-scrollbar-button-normal: #ffffff66;
338
359
  --mds-color-theme-scrollbar-button-hover: #ffffff80;
339
360
  --mds-color-theme-scrollbar-button-pressed: #ffffff99;
package/dist/css/theme/webex/dark-rose-stable.css CHANGED
@@ -161,7 +161,10 @@
161
161
  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #30041e 0%, #1f0615 100%);
162
162
  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #40162e 0%, #1f0615 100%);
163
163
  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
164
- --mds-color-theme-background-skeleton-normal: #707070;
164
+ --mds-color-theme-background-skeleton-normal: #262626;
165
+ --mds-color-theme-background-skeleton-shimmer-0: #3b3b3b00;
166
+ --mds-color-theme-background-skeleton-shimmer-1: #3b3b3b;
167
+ --mds-color-theme-background-skeleton-shimmer-2: #3b3b3b00;
165
168
  --mds-color-theme-background-glass-normal: #ffffff0d;
166
169
  --mds-color-theme-background-glass-active: #ffffff1c;
167
170
  --mds-color-theme-background-glass-light: #00000066;
@@ -334,6 +337,24 @@
334
337
  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
335
338
  --mds-color-theme-common-touchbar-icon-stable: #27a17a;
336
339
  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
340
+ --mds-color-theme-common-caption-background-dark-green: #0e2b20;
341
+ --mds-color-theme-common-caption-background-dark-blue: #0a274a;
342
+ --mds-color-theme-common-caption-background-dark-purple: #3b1840;
343
+ --mds-color-theme-common-caption-background-dark-yellow: #36220c;
344
+ --mds-color-theme-common-caption-background-light-green: #cef5eb;
345
+ --mds-color-theme-common-caption-background-light-blue: #dbf0ff;
346
+ --mds-color-theme-common-caption-background-light-purple: #fcf2fc;
347
+ --mds-color-theme-common-caption-background-light-yellow: #ffebc2;
348
+ --mds-color-theme-common-caption-text-dark-normal: #000000f2;
349
+ --mds-color-theme-common-caption-text-dark-green: #3cc29a;
350
+ --mds-color-theme-common-caption-text-dark-blue: #64b4fa;
351
+ --mds-color-theme-common-caption-text-dark-purple: #f294f1;
352
+ --mds-color-theme-common-caption-text-dark-yellow: #f2990a;
353
+ --mds-color-theme-common-caption-text-light-normal: #fffffff2;
354
+ --mds-color-theme-common-caption-text-light-green: #185e46;
355
+ --mds-color-theme-common-caption-text-light-blue: #0353a8;
356
+ --mds-color-theme-common-caption-text-light-purple: #932099;
357
+ --mds-color-theme-common-caption-text-light-yellow: #7d4705;
337
358
  --mds-color-theme-scrollbar-button-normal: #ffffff66;
338
359
  --mds-color-theme-scrollbar-button-hover: #ffffff80;
339
360
  --mds-color-theme-scrollbar-button-pressed: #ffffff99;