@momentum-design/tokens 0.0.30 → 0.0.32

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/css/core/complete.css +285 -285
  2. package/dist/css/theme/webex/common-stable.css +61 -61
  3. package/dist/css/theme/webex/dark-complete.css +165 -165
  4. package/dist/css/theme/webex/dark-stable.css +328 -328
  5. package/dist/css/theme/webex/light-complete.css +165 -165
  6. package/dist/css/theme/webex/light-stable.css +332 -332
  7. package/dist/ios/core/complete.swift +284 -284
  8. package/dist/ios/theme/webex/common-stable.swift +60 -60
  9. package/dist/ios/theme/webex/dark-complete.swift +164 -164
  10. package/dist/ios/theme/webex/dark-stable.swift +327 -327
  11. package/dist/ios/theme/webex/light-complete.swift +164 -164
  12. package/dist/ios/theme/webex/light-stable.swift +331 -331
  13. package/dist/json/core/complete.json +283 -283
  14. package/dist/json/theme/webex/common-stable.json +420 -1718
  15. package/dist/json/theme/webex/dark-complete.json +163 -163
  16. package/dist/json/theme/webex/dark-stable.json +2299 -9483
  17. package/dist/json/theme/webex/light-complete.json +163 -163
  18. package/dist/json/theme/webex/light-stable.json +2314 -9586
  19. package/dist/json-minimal/theme/webex/common-stable.json +59 -413
  20. package/dist/json-minimal/theme/webex/dark-stable.json +326 -2294
  21. package/dist/json-minimal/theme/webex/light-stable.json +330 -2322
  22. package/dist/resources/core/complete.xml +284 -284
  23. package/dist/resources/theme/webex/common-stable.xml +60 -60
  24. package/dist/resources/theme/webex/dark-complete.xml +164 -164
  25. package/dist/resources/theme/webex/dark-stable.xml +327 -327
  26. package/dist/resources/theme/webex/light-complete.xml +164 -164
  27. package/dist/resources/theme/webex/light-stable.xml +331 -331
  28. package/dist/scss/core/complete.scss +284 -284
  29. package/dist/scss/theme/webex/common-stable.scss +60 -60
  30. package/dist/scss/theme/webex/dark-complete.scss +164 -164
  31. package/dist/scss/theme/webex/dark-stable.scss +327 -327
  32. package/dist/scss/theme/webex/light-complete.scss +164 -164
  33. package/dist/scss/theme/webex/light-stable.scss +331 -331
  34. package/package.json +1 -1
package/dist/css/theme/webex/common-stable.css CHANGED
@@ -1,66 +1,66 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 07 Dec 2022 18:37:42 GMT
3
+ * Generated on Fri, 09 Dec 2022 15:04:44 GMT
4
4
  */
5
5
 
6
- .md-theme-stable-commonWebex {
7
- --md-color-theme-common-text-white: [object Object];
8
- --md-color-theme-common-text-gray: [object Object];
9
- --md-color-theme-common-text-black: [object Object];
10
- --md-color-theme-common-text-disabled: [object Object];
11
- --md-color-theme-common-text-success-normal: [object Object];
12
- --md-color-theme-common-text-success-hover: [object Object];
13
- --md-color-theme-common-text-error-normal: [object Object];
14
- --md-color-theme-common-text-error-hover: [object Object];
15
- --md-color-theme-common-text-warning-normal: [object Object];
16
- --md-color-theme-common-text-secondary-light: [object Object];
17
- --md-color-theme-common-text-secondary-dark: [object Object];
18
- --md-color-theme-common-overlay-primary-normal: [object Object];
19
- --md-color-theme-common-overlay-secondary-normal: [object Object];
20
- --md-color-theme-common-button-primary-normal: [object Object];
21
- --md-color-theme-common-button-primary-hover: [object Object];
22
- --md-color-theme-common-button-primary-pressed: [object Object];
23
- --md-color-theme-common-button-primary-disabled: [object Object];
24
- --md-color-theme-common-button-secondary-normal: [object Object];
25
- --md-color-theme-common-button-secondary-hover: [object Object];
26
- --md-color-theme-common-button-secondary-disabled: [object Object];
27
- --md-color-theme-common-button-secondary-active-normal: [object Object];
28
- --md-color-theme-common-button-secondary-active-hover: [object Object];
29
- --md-color-theme-common-button-secondary-active-pressed: [object Object];
30
- --md-color-theme-common-button-secondary-dark-normal: [object Object];
31
- --md-color-theme-common-button-secondary-dark-hover: [object Object];
32
- --md-color-theme-common-button-secondary-dark-pressed: [object Object];
33
- --md-color-theme-common-button-secondary-dark-disabled: [object Object];
34
- --md-color-theme-common-outline-button-normal: [object Object];
35
- --md-color-theme-common-outline-primary-normal: [object Object];
36
- --md-color-theme-common-outline-input-normal: [object Object];
37
- --md-color-theme-common-outline-disabled-normal: [object Object];
38
- --md-color-theme-common-outline-closed-caption-secondary-light: [object Object];
39
- --md-color-theme-common-outline-closed-caption-secondary-dark: [object Object];
40
- --md-color-theme-common-control-inactive-normal: [object Object];
41
- --md-color-theme-common-control-share-content-active: [object Object];
42
- --md-color-theme-common-control-share-content-inactive: [object Object];
43
- --md-color-theme-common-control-share-content-selected: [object Object];
44
- --md-color-theme-common-background-solid-secondary-dark: [object Object];
45
- --md-color-theme-common-background-solid-primary-light: [object Object];
46
- --md-color-theme-common-touchbar-background-blue-normal: [object Object];
47
- --md-color-theme-common-touchbar-background-blue-pressed: [object Object];
48
- --md-color-theme-common-touchbar-background-pink-normal: [object Object];
49
- --md-color-theme-common-touchbar-background-pink-pressed: [object Object];
50
- --md-color-theme-common-touchbar-background-mint-normal: [object Object];
51
- --md-color-theme-common-touchbar-background-mint-pressed: [object Object];
52
- --md-color-theme-common-touchbar-background-purple-normal: [object Object];
53
- --md-color-theme-common-touchbar-background-purple-pressed: [object Object];
54
- --md-color-theme-common-touchbar-background-violet-normal: [object Object];
55
- --md-color-theme-common-touchbar-background-violet-pressed: [object Object];
56
- --md-color-theme-common-touchbar-background-orange-normal: [object Object];
57
- --md-color-theme-common-touchbar-background-orange-pressed: [object Object];
58
- --md-color-theme-common-touchbar-background-green-normal: [object Object];
59
- --md-color-theme-common-touchbar-background-green-pressed: [object Object];
60
- --md-color-theme-common-touchbar-background-red-normal: [object Object];
61
- --md-color-theme-common-touchbar-background-red-pressed: [object Object];
62
- --md-color-theme-common-touchbar-background-transparent: [object Object];
63
- --md-color-theme-common-touchbar-icon-stable: [object Object];
64
- --md-color-theme-common-touchbar-icon-attention: [object Object];
65
- --md-color-theme-common-touchbar-icon-secure: [object Object];
6
+ .mds-theme-stable-commonWebex {
7
+ --mds-color-theme-common-text-white: #fffffff2;
8
+ --mds-color-theme-common-text-gray: #ffffffb3;
9
+ --mds-color-theme-common-text-black: #000000f2;
10
+ --mds-color-theme-common-text-disabled: #ffffff66;
11
+ --mds-color-theme-common-text-success-normal: #3cc29a;
12
+ --mds-color-theme-common-text-success-hover: #9fedd8;
13
+ --mds-color-theme-common-text-error-normal: #fc8b98;
14
+ --mds-color-theme-common-text-error-hover: #ffd4da;
15
+ --mds-color-theme-common-text-warning-normal: #f2990a;
16
+ --mds-color-theme-common-text-secondary-light: #ffffffb3;
17
+ --mds-color-theme-common-text-secondary-dark: #00000099;
18
+ --mds-color-theme-common-overlay-primary-normal: #000000e6;
19
+ --mds-color-theme-common-overlay-secondary-normal: #00000066;
20
+ --mds-color-theme-common-button-primary-normal: #fffffff2;
21
+ --mds-color-theme-common-button-primary-hover: #ffffffcc;
22
+ --mds-color-theme-common-button-primary-pressed: #ffffffb3;
23
+ --mds-color-theme-common-button-primary-disabled: #ffffff33;
24
+ --mds-color-theme-common-button-secondary-normal: #ffffff00;
25
+ --mds-color-theme-common-button-secondary-hover: #ffffff12;
26
+ --mds-color-theme-common-button-secondary-disabled: #ffffff00;
27
+ --mds-color-theme-common-button-secondary-active-normal: #ffffff33;
28
+ --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;
29
+ --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;
30
+ --mds-color-theme-common-button-secondary-dark-normal: #00000000;
31
+ --mds-color-theme-common-button-secondary-dark-hover: #00000012;
32
+ --mds-color-theme-common-button-secondary-dark-pressed: #00000033;
33
+ --mds-color-theme-common-button-secondary-dark-disabled: #00000000;
34
+ --mds-color-theme-common-outline-button-normal: #ffffff4d;
35
+ --mds-color-theme-common-outline-primary-normal: #ffffff66;
36
+ --mds-color-theme-common-outline-input-normal: #ffffff80;
37
+ --mds-color-theme-common-outline-disabled-normal: #ffffff33;
38
+ --mds-color-theme-common-outline-closed-caption-secondary-light: #ffffff33;
39
+ --mds-color-theme-common-outline-closed-caption-secondary-dark: #00000033;
40
+ --mds-color-theme-common-control-inactive-normal: #00000033;
41
+ --mds-color-theme-common-control-share-content-active: #C74F0E;
42
+ --mds-color-theme-common-control-share-content-inactive: #707070;
43
+ --mds-color-theme-common-control-share-content-selected: #3cc29a;
44
+ --mds-color-theme-common-background-solid-secondary-dark: #1a1a1a;
45
+ --mds-color-theme-common-background-solid-primary-light: #ffffff;
46
+ --mds-color-theme-common-touchbar-background-blue-normal: #1170cf;
47
+ --mds-color-theme-common-touchbar-background-blue-pressed: #063a75;
48
+ --mds-color-theme-common-touchbar-background-pink-normal: #d43b52;
49
+ --mds-color-theme-common-touchbar-background-pink-pressed: #66262d;
50
+ --mds-color-theme-common-touchbar-background-mint-normal: #148579;
51
+ --mds-color-theme-common-touchbar-background-mint-pressed: #12423f;
52
+ --mds-color-theme-common-touchbar-background-purple-normal: #c233c4;
53
+ --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;
54
+ --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;
55
+ --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;
56
+ --mds-color-theme-common-touchbar-background-orange-normal: #C74F0E;
57
+ --mds-color-theme-common-touchbar-background-orange-pressed: #59311E;
58
+ --mds-color-theme-common-touchbar-background-green-normal: #1d805f;
59
+ --mds-color-theme-common-touchbar-background-green-pressed: #134231;
60
+ --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;
61
+ --mds-color-theme-common-touchbar-background-red-pressed: #780d13;
62
+ --mds-color-theme-common-touchbar-background-transparent: #00000000;
63
+ --mds-color-theme-common-touchbar-icon-stable: #27a17a;
64
+ --mds-color-theme-common-touchbar-icon-attention: #fc8b98;
65
+ --mds-color-theme-common-touchbar-icon-secure: #64b4fa;
66
66
  }
package/dist/css/theme/webex/dark-complete.css CHANGED
@@ -1,170 +1,170 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 07 Dec 2022 18:37:42 GMT
3
+ * Generated on Fri, 09 Dec 2022 15:04:44 GMT
4
4
  */
5
5
 
6
- .md-theme-webex-dark {
7
- --md-color-theme-bg-primary: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
8
- --md-color-theme-bg-secondary: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
9
- --md-color-theme-bg-mob-primary: #000000;
10
- --md-color-theme-bg-mob-secondary: #1a1a1a;
11
- --md-color-theme-surface-neutral-00-default: #ffffff00;
12
- --md-color-theme-surface-neutral-00-hover: #ffffff12;
13
- --md-color-theme-surface-neutral-00-active: #ffffff1c;
14
- --md-color-theme-surface-neutral-00-disabled: #ffffff1c;
15
- --md-color-theme-surface-neutral-01-default: #ffffff1c;
16
- --md-color-theme-surface-neutral-01-hover: #ffffff33;
17
- --md-color-theme-surface-neutral-01-active: #ffffff1c;
18
- --md-color-theme-surface-neutral-01-disabled: #ffffff1c;
19
- --md-color-theme-surface-neutral-02-primary: #262626;
20
- --md-color-theme-surface-neutral-02-secondary: #1a1a1a;
21
- --md-color-theme-surface-neutral-02-tertiary: #000000;
22
- --md-color-theme-surface-positive-default: #0e2b20;
23
- --md-color-theme-surface-positive-active: #134231;
24
- --md-color-theme-surface-negative-default: #780d13;
25
- --md-color-theme-surface-negative-active: #4f0e10;
26
- --md-color-theme-surface-warning-default: #36220c;
27
- --md-color-theme-surface-accent-default: #0a274a;
28
- --md-color-theme-surface-accent-mobile-default: #3492eb;
29
- --md-color-theme-surface-accent-mobile-pressed: #1170cf;
30
- --md-color-theme-content-text-neutral-primary: #fffffff2;
31
- --md-color-theme-content-text-neutral-secondary: #ffffffb3;
32
- --md-color-theme-content-text-neutral-disabled: #ffffff66;
33
- --md-color-theme-content-text-neutral-teams-default: #ffffffb3;
34
- --md-color-theme-content-text-neutral-teams-active: #fffffff2;
35
- --md-color-theme-content-text-contrast-neutral-primary: #000000f2;
36
- --md-color-theme-content-text-contrast-neutral-secondary: #00000099;
37
- --md-color-theme-content-text-contrast-neutral-disabled: #00000066;
38
- --md-color-theme-content-text-positve-active: #9fedd8;
39
- --md-color-theme-content-text-positve-hover: #9fedd8;
40
- --md-color-theme-content-text-positve-default: #3cc29a;
41
- --md-color-theme-content-text-negative-active: #ffd4da;
42
- --md-color-theme-content-text-negative-hover: #ffd4da;
43
- --md-color-theme-content-text-negative-default: #fc8b98;
44
- --md-color-theme-content-text-warning-active: #ffda94;
45
- --md-color-theme-content-text-warning-hover: #ffda94;
46
- --md-color-theme-content-text-warning-default: #f2990a;
47
- --md-color-theme-content-text-accent-active: #bfe3ff;
48
- --md-color-theme-content-text-accent-hover: #bfe3ff;
49
- --md-color-theme-content-text-accent-default: #64b4fa;
50
- --md-color-theme-content-text-notice-active: #FAF4EB;
51
- --md-color-theme-content-text-notice-default: #FF9D52;
52
- --md-color-theme-content-text-decorative-gold-default: #d6b220;
53
- --md-color-theme-content-text-decorative-gold-active: #f5eaa2;
54
- --md-color-theme-content-text-decorative-lime-default: #93c437;
55
- --md-color-theme-content-text-decorative-lime-active: #ddf2ae;
56
- --md-color-theme-content-text-decorative-mint-default: #30c9b0;
57
- --md-color-theme-content-text-decorative-mint-active: #baf5e7;
58
- --md-color-theme-content-text-decorative-cyan-default: #22c7d6;
59
- --md-color-theme-content-text-decorative-cyan-active: #b2f4f7;
60
- --md-color-theme-content-text-decorative-cobalt-default: #5ebff7;
61
- --md-color-theme-content-text-decorative-cobalt-active: #c7eeff;
62
- --md-color-theme-content-text-decorative-slate-default: #b0b4d9;
63
- --md-color-theme-content-text-decorative-slate-active: #e3e7fa;
64
- --md-color-theme-content-text-decorative-violet-default: #c7a5fa;
65
- --md-color-theme-content-text-decorative-violet-active: #f0e3fc;
66
- --md-color-theme-content-text-decorative-purple-default: #f294f1;
67
- --md-color-theme-content-text-decorative-purple-active: #fce1fc;
68
- --md-color-theme-content-text-decorative-pink-default: #fc97aa;
69
- --md-color-theme-content-text-decorative-pink-active: #ffe0e7;
70
- --md-color-theme-content-btn-neutral-primary-default: #fffffff2;
71
- --md-color-theme-content-btn-neutral-primary-hover: #ffffffcc;
72
- --md-color-theme-content-btn-neutral-primary-pressed: #ffffffb3;
73
- --md-color-theme-content-btn-neutral-primary-disabled: #ffffff33;
74
- --md-color-theme-content-btn-neutral-secondary-default: #ffffff00;
75
- --md-color-theme-content-btn-neutral-secondary-hover: #ffffff12;
76
- --md-color-theme-content-btn-neutral-secondary-pressed: #ffffff33;
77
- --md-color-theme-content-btn-neutral-secondary-disabled: #ffffff00;
78
- --md-color-theme-content-btn-neutral-secondary-active-default: #ffffff33;
79
- --md-color-theme-content-btn-neutral-secondary-active-hover: #ffffff4d;
80
- --md-color-theme-content-btn-neutral-secondary-active-pressed: #ffffff66;
81
- --md-color-theme-content-btn-contrast-neutral-default: #0f0f0f;
82
- --md-color-theme-content-btn-contrast-neutral-hover: #262626;
83
- --md-color-theme-content-btn-contrast-neutral-pressed: #3b3b3b;
84
- --md-color-theme-content-btn-positive-default: #1d805f;
85
- --md-color-theme-content-btn-positive-hover: #185e46;
86
- --md-color-theme-content-btn-positive-pressed: #134231;
87
- --md-color-theme-content-btn-negative-default: #db1f2e;
88
- --md-color-theme-content-btn-negative-hover: #ab0a15;
89
- --md-color-theme-content-btn-negative-pressed: #780d13;
90
- --md-color-theme-content-btn-accent-default: #1170cf;
91
- --md-color-theme-content-btn-accent-hover: #0353a8;
92
- --md-color-theme-content-btn-accent-pressed: #063a75;
93
- --md-color-theme-content-indicator-neutral-00: #8f8f8f;
94
- --md-color-theme-content-indicator-neutral-01: #3b3b3b;
95
- --md-color-theme-content-indicator-neutral-02: #262626;
96
- --md-color-theme-content-indicator-neutral-03: #1a1a1a;
97
- --md-color-theme-content-indicator-neutral-04: #ffffff;
98
- --md-color-theme-content-indicator-positive-00: #27a17a;
99
- --md-color-theme-content-indicator-negative-00: #f55868;
100
- --md-color-theme-content-indicator-negative-01: #780d13;
101
- --md-color-theme-content-indicator-negative-02: #4f0e10;
102
- --md-color-theme-content-indicator-warning-00: #cf7900;
103
- --md-color-theme-content-indicator-warning-01: #57330a;
104
- --md-color-theme-content-indicator-warning-02: #36220c;
105
- --md-color-theme-content-indicator-accent-00: #3492eb;
106
- --md-color-theme-content-indicator-accent-01: #1170cf;
107
- --md-color-theme-content-indicator-accent-02: #063a75;
108
- --md-color-theme-content-indicator-accent-03: #0a274a;
109
- --md-color-theme-content-indicator-notice-00: #F26B1D;
110
- --md-color-theme-content-indicator-notice-01: #914017;
111
- --md-color-theme-content-indicator-notice-02: #59311E;
112
- --md-color-theme-content-indicator-notice-03: #33221B;
113
- --md-color-theme-content-indicator-decorative-gold-01: #735107;
114
- --md-color-theme-content-indicator-decorative-gold-02: #4d370c;
115
- --md-color-theme-content-indicator-decorative-gold-03: #30240d;
116
- --md-color-theme-content-indicator-decorative-lime-01: #416116;
117
- --md-color-theme-content-indicator-decorative-lime-02: #2d4214;
118
- --md-color-theme-content-indicator-decorative-lime-03: #1e2b10;
119
- --md-color-theme-content-indicator-decorative-mint-01: #12615a;
120
- --md-color-theme-content-indicator-decorative-mint-02: #12423f;
121
- --md-color-theme-content-indicator-decorative-mint-03: #102b2a;
122
- --md-color-theme-content-indicator-decorative-cobalt-01: #08599c;
123
- --md-color-theme-content-indicator-decorative-cobalt-02: #103c63;
124
- --md-color-theme-content-indicator-decorative-cobalt-03: #12283d;
125
- --md-color-theme-content-indicator-decorative-slate-01: #535573;
126
- --md-color-theme-content-indicator-decorative-slate-02: #393a47;
127
- --md-color-theme-content-indicator-decorative-slate-03: #26262b;
128
- --md-color-theme-content-indicator-decorative-violet-01: #643abd;
129
- --md-color-theme-content-indicator-decorative-violet-02: #432c78;
130
- --md-color-theme-content-indicator-decorative-violet-03: #29223d;
131
- --md-color-theme-content-indicator-decorative-purple-01: #932099;
132
- --md-color-theme-content-indicator-decorative-purple-02: #601e66;
133
- --md-color-theme-content-indicator-decorative-purple-03: #3b1840;
134
- --md-color-theme-content-indicator-decorative-pink-01: #a12a3a;
135
- --md-color-theme-content-indicator-decorative-pink-02: #66262d;
136
- --md-color-theme-content-indicator-decorative-pink-03: #3b1e21;
137
- --md-color-theme-content-control-neutral-inactive-default: #ffffff33;
138
- --md-color-theme-content-control-neutral-inactive-hover: #ffffff4d;
139
- --md-color-theme-content-control-neutral-inactive-pressed: #ffffff66;
140
- --md-color-theme-content-control-neutral-inactive-disabled: #ffffff1c;
141
- --md-color-theme-content-control-accent-active-default: #64b4fa;
142
- --md-color-theme-content-control-accent-active-hover: #3492eb;
143
- --md-color-theme-content-control-accent-active-pressed: #1170cf;
144
- --md-color-theme-content-control-accent-active-disabled: #063a75;
145
- --md-color-theme-content-scrollbar-thumb-default: #ffffff33;
146
- --md-color-theme-content-scrollbar-thumb-hover: #ffffff4d;
147
- --md-color-theme-content-scrollbar-thumb-pressed: #ffffff66;
148
- --md-color-theme-content-scrollbar-bg-default: #ffffff00;
149
- --md-color-theme-content-scrollbar-bg-hover: #ffffff1c;
150
- --md-color-theme-content-scrollbar-bg-pressed: #ffffff33;
151
- --md-color-theme-content-illustration-default: #ffffff;
152
- --md-color-theme-border-neutral-00: #ffffff33;
153
- --md-color-theme-border-neutral-01: #ffffff4d;
154
- --md-color-theme-border-neutral-02: #ffffff66;
155
- --md-color-theme-border-neutral-03: #ffffff80;
156
- --md-color-theme-border-neutral-04: #ffffffe6;
157
- --md-color-theme-border-positive-00: #3cc29a;
158
- --md-color-theme-border-negative-00: #fc8b98;
159
- --md-color-theme-border-accent-00: #64b4fa;
160
- --md-color-theme-border-notice-00: #FF9D52;
161
- --md-color-theme-border-decorative-gradient-device: linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%);
162
- --md-color-theme-border-decorative-gradient-primary-default: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
163
- --md-color-theme-border-decorative-gradient-primary-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
164
- --md-color-theme-border-decorative-gradient-negative-default: linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%);
165
- --md-color-theme-border-decorative-gradient-negative-hover: linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%);
166
- --md-color-theme-border-decorative-gradient-warning-default: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);
167
- --md-color-theme-border-decorative-gradient-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);
168
- --md-color-theme-border-decorative-gradient-accent-default: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);
169
- --md-color-theme-border-decorative-gradient-accent-hover: linear-gradient(90deg, #64b4fa00 0%, #64b4fae6 22.4%, #64b4fae6 76.04%, #64b4fa00 100%);
6
+ .mds-theme-webex-dark {
7
+ --mds-color-theme-bg-primary: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
8
+ --mds-color-theme-bg-secondary: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
9
+ --mds-color-theme-bg-mob-primary: #000000;
10
+ --mds-color-theme-bg-mob-secondary: #1a1a1a;
11
+ --mds-color-theme-surface-neutral-00-default: #ffffff00;
12
+ --mds-color-theme-surface-neutral-00-hover: #ffffff12;
13
+ --mds-color-theme-surface-neutral-00-active: #ffffff1c;
14
+ --mds-color-theme-surface-neutral-00-disabled: #ffffff1c;
15
+ --mds-color-theme-surface-neutral-01-default: #ffffff1c;
16
+ --mds-color-theme-surface-neutral-01-hover: #ffffff33;
17
+ --mds-color-theme-surface-neutral-01-active: #ffffff1c;
18
+ --mds-color-theme-surface-neutral-01-disabled: #ffffff1c;
19
+ --mds-color-theme-surface-neutral-02-primary: #262626;
20
+ --mds-color-theme-surface-neutral-02-secondary: #1a1a1a;
21
+ --mds-color-theme-surface-neutral-02-tertiary: #000000;
22
+ --mds-color-theme-surface-positive-default: #0e2b20;
23
+ --mds-color-theme-surface-positive-active: #134231;
24
+ --mds-color-theme-surface-negative-default: #780d13;
25
+ --mds-color-theme-surface-negative-active: #4f0e10;
26
+ --mds-color-theme-surface-warning-default: #36220c;
27
+ --mds-color-theme-surface-accent-default: #0a274a;
28
+ --mds-color-theme-surface-accent-mobile-default: #3492eb;
29
+ --mds-color-theme-surface-accent-mobile-pressed: #1170cf;
30
+ --mds-color-theme-content-text-neutral-primary: #fffffff2;
31
+ --mds-color-theme-content-text-neutral-secondary: #ffffffb3;
32
+ --mds-color-theme-content-text-neutral-disabled: #ffffff66;
33
+ --mds-color-theme-content-text-neutral-teams-default: #ffffffb3;
34
+ --mds-color-theme-content-text-neutral-teams-active: #fffffff2;
35
+ --mds-color-theme-content-text-contrast-neutral-primary: #000000f2;
36
+ --mds-color-theme-content-text-contrast-neutral-secondary: #00000099;
37
+ --mds-color-theme-content-text-contrast-neutral-disabled: #00000066;
38
+ --mds-color-theme-content-text-positve-active: #9fedd8;
39
+ --mds-color-theme-content-text-positve-hover: #9fedd8;
40
+ --mds-color-theme-content-text-positve-default: #3cc29a;
41
+ --mds-color-theme-content-text-negative-active: #ffd4da;
42
+ --mds-color-theme-content-text-negative-hover: #ffd4da;
43
+ --mds-color-theme-content-text-negative-default: #fc8b98;
44
+ --mds-color-theme-content-text-warning-active: #ffda94;
45
+ --mds-color-theme-content-text-warning-hover: #ffda94;
46
+ --mds-color-theme-content-text-warning-default: #f2990a;
47
+ --mds-color-theme-content-text-accent-active: #bfe3ff;
48
+ --mds-color-theme-content-text-accent-hover: #bfe3ff;
49
+ --mds-color-theme-content-text-accent-default: #64b4fa;
50
+ --mds-color-theme-content-text-notice-active: #FAF4EB;
51
+ --mds-color-theme-content-text-notice-default: #FF9D52;
52
+ --mds-color-theme-content-text-decorative-gold-default: #d6b220;
53
+ --mds-color-theme-content-text-decorative-gold-active: #f5eaa2;
54
+ --mds-color-theme-content-text-decorative-lime-default: #93c437;
55
+ --mds-color-theme-content-text-decorative-lime-active: #ddf2ae;
56
+ --mds-color-theme-content-text-decorative-mint-default: #30c9b0;
57
+ --mds-color-theme-content-text-decorative-mint-active: #baf5e7;
58
+ --mds-color-theme-content-text-decorative-cyan-default: #22c7d6;
59
+ --mds-color-theme-content-text-decorative-cyan-active: #b2f4f7;
60
+ --mds-color-theme-content-text-decorative-cobalt-default: #5ebff7;
61
+ --mds-color-theme-content-text-decorative-cobalt-active: #c7eeff;
62
+ --mds-color-theme-content-text-decorative-slate-default: #b0b4d9;
63
+ --mds-color-theme-content-text-decorative-slate-active: #e3e7fa;
64
+ --mds-color-theme-content-text-decorative-violet-default: #c7a5fa;
65
+ --mds-color-theme-content-text-decorative-violet-active: #f0e3fc;
66
+ --mds-color-theme-content-text-decorative-purple-default: #f294f1;
67
+ --mds-color-theme-content-text-decorative-purple-active: #fce1fc;
68
+ --mds-color-theme-content-text-decorative-pink-default: #fc97aa;
69
+ --mds-color-theme-content-text-decorative-pink-active: #ffe0e7;
70
+ --mds-color-theme-content-btn-neutral-primary-default: #fffffff2;
71
+ --mds-color-theme-content-btn-neutral-primary-hover: #ffffffcc;
72
+ --mds-color-theme-content-btn-neutral-primary-pressed: #ffffffb3;
73
+ --mds-color-theme-content-btn-neutral-primary-disabled: #ffffff33;
74
+ --mds-color-theme-content-btn-neutral-secondary-default: #ffffff00;
75
+ --mds-color-theme-content-btn-neutral-secondary-hover: #ffffff12;
76
+ --mds-color-theme-content-btn-neutral-secondary-pressed: #ffffff33;
77
+ --mds-color-theme-content-btn-neutral-secondary-disabled: #ffffff00;
78
+ --mds-color-theme-content-btn-neutral-secondary-active-default: #ffffff33;
79
+ --mds-color-theme-content-btn-neutral-secondary-active-hover: #ffffff4d;
80
+ --mds-color-theme-content-btn-neutral-secondary-active-pressed: #ffffff66;
81
+ --mds-color-theme-content-btn-contrast-neutral-default: #0f0f0f;
82
+ --mds-color-theme-content-btn-contrast-neutral-hover: #262626;
83
+ --mds-color-theme-content-btn-contrast-neutral-pressed: #3b3b3b;
84
+ --mds-color-theme-content-btn-positive-default: #1d805f;
85
+ --mds-color-theme-content-btn-positive-hover: #185e46;
86
+ --mds-color-theme-content-btn-positive-pressed: #134231;
87
+ --mds-color-theme-content-btn-negative-default: #db1f2e;
88
+ --mds-color-theme-content-btn-negative-hover: #ab0a15;
89
+ --mds-color-theme-content-btn-negative-pressed: #780d13;
90
+ --mds-color-theme-content-btn-accent-default: #1170cf;
91
+ --mds-color-theme-content-btn-accent-hover: #0353a8;
92
+ --mds-color-theme-content-btn-accent-pressed: #063a75;
93
+ --mds-color-theme-content-indicator-neutral-00: #8f8f8f;
94
+ --mds-color-theme-content-indicator-neutral-01: #3b3b3b;
95
+ --mds-color-theme-content-indicator-neutral-02: #262626;
96
+ --mds-color-theme-content-indicator-neutral-03: #1a1a1a;
97
+ --mds-color-theme-content-indicator-neutral-04: #ffffff;
98
+ --mds-color-theme-content-indicator-positive-00: #27a17a;
99
+ --mds-color-theme-content-indicator-negative-00: #f55868;
100
+ --mds-color-theme-content-indicator-negative-01: #780d13;
101
+ --mds-color-theme-content-indicator-negative-02: #4f0e10;
102
+ --mds-color-theme-content-indicator-warning-00: #cf7900;
103
+ --mds-color-theme-content-indicator-warning-01: #57330a;
104
+ --mds-color-theme-content-indicator-warning-02: #36220c;
105
+ --mds-color-theme-content-indicator-accent-00: #3492eb;
106
+ --mds-color-theme-content-indicator-accent-01: #1170cf;
107
+ --mds-color-theme-content-indicator-accent-02: #063a75;
108
+ --mds-color-theme-content-indicator-accent-03: #0a274a;
109
+ --mds-color-theme-content-indicator-notice-00: #F26B1D;
110
+ --mds-color-theme-content-indicator-notice-01: #914017;
111
+ --mds-color-theme-content-indicator-notice-02: #59311E;
112
+ --mds-color-theme-content-indicator-notice-03: #33221B;
113
+ --mds-color-theme-content-indicator-decorative-gold-01: #735107;
114
+ --mds-color-theme-content-indicator-decorative-gold-02: #4d370c;
115
+ --mds-color-theme-content-indicator-decorative-gold-03: #30240d;
116
+ --mds-color-theme-content-indicator-decorative-lime-01: #416116;
117
+ --mds-color-theme-content-indicator-decorative-lime-02: #2d4214;
118
+ --mds-color-theme-content-indicator-decorative-lime-03: #1e2b10;
119
+ --mds-color-theme-content-indicator-decorative-mint-01: #12615a;
120
+ --mds-color-theme-content-indicator-decorative-mint-02: #12423f;
121
+ --mds-color-theme-content-indicator-decorative-mint-03: #102b2a;
122
+ --mds-color-theme-content-indicator-decorative-cobalt-01: #08599c;
123
+ --mds-color-theme-content-indicator-decorative-cobalt-02: #103c63;
124
+ --mds-color-theme-content-indicator-decorative-cobalt-03: #12283d;
125
+ --mds-color-theme-content-indicator-decorative-slate-01: #535573;
126
+ --mds-color-theme-content-indicator-decorative-slate-02: #393a47;
127
+ --mds-color-theme-content-indicator-decorative-slate-03: #26262b;
128
+ --mds-color-theme-content-indicator-decorative-violet-01: #643abd;
129
+ --mds-color-theme-content-indicator-decorative-violet-02: #432c78;
130
+ --mds-color-theme-content-indicator-decorative-violet-03: #29223d;
131
+ --mds-color-theme-content-indicator-decorative-purple-01: #932099;
132
+ --mds-color-theme-content-indicator-decorative-purple-02: #601e66;
133
+ --mds-color-theme-content-indicator-decorative-purple-03: #3b1840;
134
+ --mds-color-theme-content-indicator-decorative-pink-01: #a12a3a;
135
+ --mds-color-theme-content-indicator-decorative-pink-02: #66262d;
136
+ --mds-color-theme-content-indicator-decorative-pink-03: #3b1e21;
137
+ --mds-color-theme-content-control-neutral-inactive-default: #ffffff33;
138
+ --mds-color-theme-content-control-neutral-inactive-hover: #ffffff4d;
139
+ --mds-color-theme-content-control-neutral-inactive-pressed: #ffffff66;
140
+ --mds-color-theme-content-control-neutral-inactive-disabled: #ffffff1c;
141
+ --mds-color-theme-content-control-accent-active-default: #64b4fa;
142
+ --mds-color-theme-content-control-accent-active-hover: #3492eb;
143
+ --mds-color-theme-content-control-accent-active-pressed: #1170cf;
144
+ --mds-color-theme-content-control-accent-active-disabled: #063a75;
145
+ --mds-color-theme-content-scrollbar-thumb-default: #ffffff33;
146
+ --mds-color-theme-content-scrollbar-thumb-hover: #ffffff4d;
147
+ --mds-color-theme-content-scrollbar-thumb-pressed: #ffffff66;
148
+ --mds-color-theme-content-scrollbar-bg-default: #ffffff00;
149
+ --mds-color-theme-content-scrollbar-bg-hover: #ffffff1c;
150
+ --mds-color-theme-content-scrollbar-bg-pressed: #ffffff33;
151
+ --mds-color-theme-content-illustration-default: #ffffff;
152
+ --mds-color-theme-border-neutral-00: #ffffff33;
153
+ --mds-color-theme-border-neutral-01: #ffffff4d;
154
+ --mds-color-theme-border-neutral-02: #ffffff66;
155
+ --mds-color-theme-border-neutral-03: #ffffff80;
156
+ --mds-color-theme-border-neutral-04: #ffffffe6;
157
+ --mds-color-theme-border-positive-00: #3cc29a;
158
+ --mds-color-theme-border-negative-00: #fc8b98;
159
+ --mds-color-theme-border-accent-00: #64b4fa;
160
+ --mds-color-theme-border-notice-00: #FF9D52;
161
+ --mds-color-theme-border-decorative-gradient-device: linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%);
162
+ --mds-color-theme-border-decorative-gradient-primary-default: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
163
+ --mds-color-theme-border-decorative-gradient-primary-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
164
+ --mds-color-theme-border-decorative-gradient-negative-default: linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%);
165
+ --mds-color-theme-border-decorative-gradient-negative-hover: linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%);
166
+ --mds-color-theme-border-decorative-gradient-warning-default: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);
167
+ --mds-color-theme-border-decorative-gradient-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);
168
+ --mds-color-theme-border-decorative-gradient-accent-default: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);
169
+ --mds-color-theme-border-decorative-gradient-accent-hover: linear-gradient(90deg, #64b4fa00 0%, #64b4fae6 22.4%, #64b4fae6 76.04%, #64b4fa00 100%);
170
170
  }