@momentum-design/tokens 0.0.5 → 0.0.7

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 (10) hide show
  1. package/LICENSE.md +21 -0
  2. package/dist/css/core/complete.css +1 -1
  3. package/dist/css/theme/webex/dark-complete.css +173 -0
  4. package/dist/css/theme/webex/light-complete.css +171 -0
  5. package/dist/json/theme/webex/dark-complete.json +4844 -0
  6. package/dist/json/theme/webex/light-complete.json +4789 -0
  7. package/dist/scss/core/complete.scss +1 -1
  8. package/dist/scss/theme/webex/dark-complete.scss +170 -0
  9. package/dist/scss/theme/webex/light-complete.scss +168 -0
  10. package/package.json +1 -1
package/LICENSE.md ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2022 Momentum Design
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/dist/css/core/complete.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 17 Nov 2022 15:54:33 GMT
3
+ * Generated on Thu, 17 Nov 2022 21:25:54 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/theme/webex/dark-complete.css ADDED
@@ -0,0 +1,173 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 17 Nov 2022 21:25:54 GMT
4
+ */
5
+
6
+ :root {
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: {color.core.black-alpha.100;
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-positve-active: #9fedd8;
36
+ --md-color-theme-content-text-positve-hover: #9fedd8;
37
+ --md-color-theme-content-text-positve-default: #3cc29a;
38
+ --md-color-theme-content-text-negative-active: #ffd4da;
39
+ --md-color-theme-content-text-negative-hover: #ffd4da;
40
+ --md-color-theme-content-text-negative-default: #fc8b98;
41
+ --md-color-theme-content-text-warning-active: #ffda94;
42
+ --md-color-theme-content-text-warning-hover: #ffda94;
43
+ --md-color-theme-content-text-warning-default: #f2990a;
44
+ --md-color-theme-content-text-accent-active: #bfe3ff;
45
+ --md-color-theme-content-text-accent-hover: #bfe3ff;
46
+ --md-color-theme-content-text-accent-default: #64b4fa;
47
+ --md-color-theme-content-text-notice-active: #fce4c7;
48
+ --md-color-theme-content-text-notice-default: #ff9d52;
49
+ --md-color-theme-content-text-decorative-gold-default: #d6b220;
50
+ --md-color-theme-content-text-decorative-gold-active: #f5eaa2;
51
+ --md-color-theme-content-text-decorative-lime-default: #93c437;
52
+ --md-color-theme-content-text-decorative-lime-active: #ddf2ae;
53
+ --md-color-theme-content-text-decorative-mint-default: #30c9b0;
54
+ --md-color-theme-content-text-decorative-mint-active: #baf5e7;
55
+ --md-color-theme-content-text-decorative-cyan-default: #22c7d6;
56
+ --md-color-theme-content-text-decorative-cyan-active: #b2f4f7;
57
+ --md-color-theme-content-text-decorative-cobalt-default: #5ebff7;
58
+ --md-color-theme-content-text-decorative-cobalt-active: #c7eeff;
59
+ --md-color-theme-content-text-decorative-slate-default: #b0b4d9;
60
+ --md-color-theme-content-text-decorative-slate-active: #26262b;
61
+ --md-color-theme-content-text-decorative-violet-default: #643abd;
62
+ --md-color-theme-content-text-decorative-violet-active: #29223d;
63
+ --md-color-theme-content-text-decorative-purple-default: #932099;
64
+ --md-color-theme-content-text-decorative-purple-active: #3b1840;
65
+ --md-color-theme-content-text-decorative-pink-default: #a12a3a;
66
+ --md-color-theme-content-text-decorative-pink-active: #3b1e21;
67
+ --md-color-theme-content-btn-neutral-primary-default: #000000f2;
68
+ --md-color-theme-content-btn-neutral-primary-hover: #000000cc;
69
+ --md-color-theme-content-btn-neutral-primary-pressed: #000000b3;
70
+ --md-color-theme-content-btn-neutral-primary-disabled: #00000033;
71
+ --md-color-theme-content-btn-neutral-secondary-default: #00000000;
72
+ --md-color-theme-content-btn-neutral-secondary-hover: #00000012;
73
+ --md-color-theme-content-btn-neutral-secondary-pressed: #ffffff33;
74
+ --md-color-theme-content-btn-neutral-secondary-disabled: #ffffff00;
75
+ --md-color-theme-content-btn-neutral-secondary-active-default: #ffffff33;
76
+ --md-color-theme-content-btn-neutral-secondary-active-hover: #ffffff4d;
77
+ --md-color-theme-content-btn-neutral-secondary-active-pressed: #ffffff66;
78
+ --md-color-theme-content-btn-positive-default: #1d805f;
79
+ --md-color-theme-content-btn-positive-hover: #185e46;
80
+ --md-color-theme-content-btn-positive-pressed: #134231;
81
+ --md-color-theme-content-btn-negative-default: #db1f2e;
82
+ --md-color-theme-content-btn-negative-hover: #ab0a15;
83
+ --md-color-theme-content-btn-negative-pressed: #780d13;
84
+ --md-color-theme-content-btn-accent-default: #1170cf;
85
+ --md-color-theme-content-btn-accent-hover: #0353a8;
86
+ --md-color-theme-content-btn-accent-pressed: #063a75;
87
+ --md-color-theme-content-indicator-neutral-00: #8f8f8f;
88
+ --md-color-theme-content-indicator-neutral-01: #3b3b3b;
89
+ --md-color-theme-content-indicator-neutral-02: #262626;
90
+ --md-color-theme-content-indicator-neutral-03: #1a1a1a;
91
+ --md-color-theme-content-indicator-neutral-04: #ffffff;
92
+ --md-color-theme-content-indicator-positive-00: #27a17a;
93
+ --md-color-theme-content-indicator-negative-00: #f55868;
94
+ --md-color-theme-content-indicator-negative-01: #780d13;
95
+ --md-color-theme-content-indicator-negative-02: #4f0e10;
96
+ --md-color-theme-content-indicator-warning-00: #cf7900;
97
+ --md-color-theme-content-indicator-warning-01: #57330a;
98
+ --md-color-theme-content-indicator-warning-02: #36220c;
99
+ --md-color-theme-content-indicator-accent-00: #3492eb;
100
+ --md-color-theme-content-indicator-accent-01: #1170cf;
101
+ --md-color-theme-content-indicator-accent-02: #063a75;
102
+ --md-color-theme-content-indicator-accent-03: #0a274a;
103
+ --md-color-theme-content-indicator-notice-00: #f26b1d;
104
+ --md-color-theme-content-indicator-notice-01: #59311e;
105
+ --md-color-theme-content-indicator-notice-02: #33221b;
106
+ --md-color-theme-content-indicator-decorative-gold-01: #735107;
107
+ --md-color-theme-content-indicator-decorative-gold-02: #4d370c;
108
+ --md-color-theme-content-indicator-decorative-gold-03: #30240d;
109
+ --md-color-theme-content-indicator-decorative-lime-01: #416116;
110
+ --md-color-theme-content-indicator-decorative-lime-02: #2d4214;
111
+ --md-color-theme-content-indicator-decorative-lime-03: #1e2b10;
112
+ --md-color-theme-content-indicator-decorative-mint-01: #12615a;
113
+ --md-color-theme-content-indicator-decorative-mint-02: #12423f;
114
+ --md-color-theme-content-indicator-decorative-mint-03: #102b2a;
115
+ --md-color-theme-content-indicator-decorative-cobalt-01: #08599c;
116
+ --md-color-theme-content-indicator-decorative-cobalt-02: #103c63;
117
+ --md-color-theme-content-indicator-decorative-cobalt-03: #12283d;
118
+ --md-color-theme-content-indicator-decorative-slate-01: #535573;
119
+ --md-color-theme-content-indicator-decorative-slate-02: #393a47;
120
+ --md-color-theme-content-indicator-decorative-slate-03: #26262b;
121
+ --md-color-theme-content-indicator-decorative-violet-01: #643abd;
122
+ --md-color-theme-content-indicator-decorative-violet-02: #432c78;
123
+ --md-color-theme-content-indicator-decorative-violet-03: #29223d;
124
+ --md-color-theme-content-indicator-decorative-purple-01: #932099;
125
+ --md-color-theme-content-indicator-decorative-purple-02: #601e66;
126
+ --md-color-theme-content-indicator-decorative-purple-03: #3b1840;
127
+ --md-color-theme-content-indicator-decorative-pink-01: #a12a3a;
128
+ --md-color-theme-content-indicator-decorative-pink-02: #66262d;
129
+ --md-color-theme-content-indicator-decorative-pink-03: #3b1e21;
130
+ --md-color-theme-content-control-neutral-inactive-default: #ffffff33;
131
+ --md-color-theme-content-control-neutral-inactive-hover: #ffffff4d;
132
+ --md-color-theme-content-control-neutral-inactive-pressed: #ffffff66;
133
+ --md-color-theme-content-control-neutral-inactive-disabled: #ffffff1c;
134
+ --md-color-theme-content-control-accent-active-defualt: #64b4fa;
135
+ --md-color-theme-content-control-accent-active-hover: #3492eb;
136
+ --md-color-theme-content-control-accent-active-pressed: #1170cf;
137
+ --md-color-theme-content-control-accent-active-disabled: #063a75;
138
+ --md-color-theme-content-scrollbar-thumb-default: #ffffff33;
139
+ --md-color-theme-content-scrollbar-thumb-hover: #ffffff4d;
140
+ --md-color-theme-content-scrollbar-thumb-pressed: #ffffff66;
141
+ --md-color-theme-content-scrollbar-bg-default: #ffffff00;
142
+ --md-color-theme-content-scrollbar-bg-hover: #ffffff1c;
143
+ --md-color-theme-content-scrollbar-bg-pressed: #ffffff33;
144
+ --md-color-theme-border-neutral-00: #ffffff33;
145
+ --md-color-theme-border-neutral-01: #ffffff4d;
146
+ --md-color-theme-border-neutral-02: #ffffff66;
147
+ --md-color-theme-border-neutral-03: #ffffff80;
148
+ --md-color-theme-border-neutral-04: #8f8f8f;
149
+ --md-color-theme-border-neutral-05: #ffffffe6;
150
+ --md-color-theme-border-positive-00: #3cc29a;
151
+ --md-color-theme-border-negative-00: #fc8b98;
152
+ --md-color-theme-border-accent-00: #64b4fa;
153
+ --md-color-theme-border-notice-00: #ff9d52;
154
+ --md-color-theme-border-decorative-gradient-device: linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%);
155
+ --md-color-theme-border-decorative-gradient-primary-default: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
156
+ --md-color-theme-border-decorative-gradient-primary-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
157
+ --md-color-theme-border-decorative-gradient-negative-default: linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%);
158
+ --md-color-theme-border-decorative-gradient-negative-hover: linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%);
159
+ --md-color-theme-border-decorative-gradient-warning-default: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);
160
+ --md-color-theme-border-decorative-gradient-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);
161
+ --md-color-theme-border-decorative-gradient-accent-default: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);
162
+ --md-color-theme-border-decorative-gradient-accent-hover: linear-gradient(90deg, #64b4fa00 0%, #64b4fae6 22.4%, #64b4fae6 76.04%, #64b4fa00 100%);
163
+ --md-color-theme-illustration-default: #ffffff;
164
+ --md-color-theme-illustration-positive: linear-gradient(180deg, #3cc29a 0%, #93c437 100%);
165
+ --md-color-theme-illustration-negative: linear-gradient(180deg, #f0677e 0%, #db1f2e 100%);
166
+ --md-color-theme-illustration-empty-00: linear-gradient(180deg, #93c437 0%, #279be8 100%);
167
+ --md-color-theme-illustration-empty-01: linear-gradient(180deg, #279be8 0%, #875ae0 100%);
168
+ --md-color-theme-illustration-onboarding-00: linear-gradient(180deg, #ffbe4f 0%, #93c437 100%);
169
+ --md-color-theme-illustration-onboarding-01: linear-gradient(180deg, #f55868 0%, #875ae0 100%);
170
+ --md-color-theme-illustration-onboarding-02: linear-gradient(180deg, #ffbe4f 0%, #f26b1d 100%);
171
+ --md-color-theme-illustration-onboarding-03: linear-gradient(180deg, #93c437 0%, #279be8 100%);
172
+ --md-color-theme-illustration-onboarding-04: linear-gradient(180deg, #279be8 0%, #875ae0 100%);
173
+ }
package/dist/css/theme/webex/light-complete.css ADDED
@@ -0,0 +1,171 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 17 Nov 2022 21:25:54 GMT
4
+ */
5
+
6
+ :root {
7
+ --md-color-theme-bg-primary: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
8
+ --md-color-theme-bg-secondary: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
9
+ --md-color-theme-bg-mob-primary: #f7f7f7;
10
+ --md-color-theme-bg-mob-secondary: #ffffff;
11
+ --md-color-theme-surface-neutral-00-default: #00000000;
12
+ --md-color-theme-surface-neutral-00-hover: #00000012;
13
+ --md-color-theme-surface-neutral-00-active: #0000001c;
14
+ --md-color-theme-surface-neutral-00-disabled: #0000001c;
15
+ --md-color-theme-surface-neutral-01-default: #ffffff1c;
16
+ --md-color-theme-surface-neutral-01-hover: #00000033;
17
+ --md-color-theme-surface-neutral-01-active: #0000004d;
18
+ --md-color-theme-surface-neutral-02-primary: #f7f7f7;
19
+ --md-color-theme-surface-neutral-02-secondary: #ededed;
20
+ --md-color-theme-surface-neutral-02-tertiary: #ffffff;
21
+ --md-color-theme-surface-positive-default: #cef5eb;
22
+ --md-color-theme-surface-positive-active: #9fedd8;
23
+ --md-color-theme-surface-negative-default: #ffe8ea;
24
+ --md-color-theme-surface-negative-active: #ffd4da;
25
+ --md-color-theme-surface-warning-default: #ffebc2;
26
+ --md-color-theme-surface-accent-default: #dbf0ff;
27
+ --md-color-theme-surface-accent-mobile-default: #1170cf;
28
+ --md-color-theme-surface-accent-mobile-pressed: #1170cf;
29
+ --md-color-theme-content-text-neutral-primary: #000000f2;
30
+ --md-color-theme-content-text-neutral-secondary: #000000b3;
31
+ --md-color-theme-content-text-neutral-disabled: #00000066;
32
+ --md-color-theme-content-text-neutral-teams-default: #000000b3;
33
+ --md-color-theme-content-text-neutral-teams-active: #000000f2;
34
+ --md-color-theme-content-text-positve-active: #0e2b20;
35
+ --md-color-theme-content-text-positve-hover: #0e2b20;
36
+ --md-color-theme-content-text-positve-default: #185e46;
37
+ --md-color-theme-content-text-negative-active: #4f0e10;
38
+ --md-color-theme-content-text-negative-hover: #4f0e10;
39
+ --md-color-theme-content-text-negative-default: #ab0a15;
40
+ --md-color-theme-content-text-warning-active: #ffda94;
41
+ --md-color-theme-content-text-warning-hover: #ffda94;
42
+ --md-color-theme-content-text-warning-default: #f2990a;
43
+ --md-color-theme-content-text-accent-active: #0a274a;
44
+ --md-color-theme-content-text-accent-hover: #0a274a;
45
+ --md-color-theme-content-text-accent-default: #0353a8;
46
+ --md-color-theme-content-text-notice-active: #33221b;
47
+ --md-color-theme-content-text-notice-default: #914017;
48
+ --md-color-theme-content-text-decorative-gold-default: #30240d;
49
+ --md-color-theme-content-text-decorative-gold-active: #735107;
50
+ --md-color-theme-content-text-decorative-lime-default: #1e2b10;
51
+ --md-color-theme-content-text-decorative-lime-active: #416116;
52
+ --md-color-theme-content-text-decorative-mint-default: #12615a;
53
+ --md-color-theme-content-text-decorative-mint-active: #102b2a;
54
+ --md-color-theme-content-text-decorative-cyan-default: #066070;
55
+ --md-color-theme-content-text-decorative-cyan-active: #0b2a30;
56
+ --md-color-theme-content-text-decorative-cobalt-default: #08599c;
57
+ --md-color-theme-content-text-decorative-cobalt-active: #12283d;
58
+ --md-color-theme-content-text-decorative-slate-default: #535573;
59
+ --md-color-theme-content-text-decorative-slate-active: #e3e7fa;
60
+ --md-color-theme-content-text-decorative-violet-default: #c7a5fa;
61
+ --md-color-theme-content-text-decorative-violet-active: #f0e3fc;
62
+ --md-color-theme-content-text-decorative-purple-default: #f294f1;
63
+ --md-color-theme-content-text-decorative-purple-active: #fce1fc;
64
+ --md-color-theme-content-text-decorative-pink-default: #fc97aa;
65
+ --md-color-theme-content-text-decorative-pink-active: #ffe0e7;
66
+ --md-color-theme-content-btn-neutral-primary-default: #fffffff2;
67
+ --md-color-theme-content-btn-neutral-primary-hover: #ffffffcc;
68
+ --md-color-theme-content-btn-neutral-primary-pressed: #ffffffb3;
69
+ --md-color-theme-content-btn-neutral-primary-disabled: #ffffff33;
70
+ --md-color-theme-content-btn-neutral-secondary-default: #ffffff00;
71
+ --md-color-theme-content-btn-neutral-secondary-hover: #00000012;
72
+ --md-color-theme-content-btn-neutral-secondary-pressed: #00000033;
73
+ --md-color-theme-content-btn-neutral-secondary-disabled: #00000000;
74
+ --md-color-theme-content-btn-neutral-secondary-active-default: #00000033;
75
+ --md-color-theme-content-btn-neutral-secondary-active-hover: #00000033;
76
+ --md-color-theme-content-btn-neutral-secondary-active-pressed: #00000066;
77
+ --md-color-theme-content-btn-positive-default: #1d805f;
78
+ --md-color-theme-content-btn-positive-hover: #185e46;
79
+ --md-color-theme-content-btn-positive-pressed: #134231;
80
+ --md-color-theme-content-btn-negative-default: #db1f2e;
81
+ --md-color-theme-content-btn-negative-hover: #ab0a15;
82
+ --md-color-theme-content-btn-negative-pressed: #780d13;
83
+ --md-color-theme-content-btn-accent-default: #1170cf;
84
+ --md-color-theme-content-btn-accent-hover: #0353a8;
85
+ --md-color-theme-content-btn-accent-pressed: #063a75;
86
+ --md-color-theme-content-indicator-neutral-00: #707070;
87
+ --md-color-theme-content-indicator-neutral-01: #dedede;
88
+ --md-color-theme-content-indicator-neutral-02: #ededed;
89
+ --md-color-theme-content-indicator-neutral-03: #ededed;
90
+ --md-color-theme-content-indicator-neutral-04: #f7f7f7;
91
+ --md-color-theme-content-indicator-positive-00: #1d805f;
92
+ --md-color-theme-content-indicator-negative-00: #db1f2e;
93
+ --md-color-theme-content-indicator-negative-01: #ffd4da;
94
+ --md-color-theme-content-indicator-negative-02: #ffe8ea;
95
+ --md-color-theme-content-indicator-warning-00: #cf7900;
96
+ --md-color-theme-content-indicator-warning-01: #ffda94;
97
+ --md-color-theme-content-indicator-warning-02: #ffebc2;
98
+ --md-color-theme-content-indicator-accent-00: #1170cf;
99
+ --md-color-theme-content-indicator-accent-01: #1170cf;
100
+ --md-color-theme-content-indicator-accent-02: #bfe3ff;
101
+ --md-color-theme-content-indicator-accent-03: #dbf0ff;
102
+ --md-color-theme-content-indicator-notice-00: #c74f0e;
103
+ --md-color-theme-content-indicator-notice-01: #fce4c7;
104
+ --md-color-theme-content-indicator-notice-02: #faf4eb;
105
+ --md-color-theme-content-indicator-decorative-gold-01: #f7f6dc;
106
+ --md-color-theme-content-indicator-decorative-gold-02: #f5eaa2;
107
+ --md-color-theme-content-indicator-decorative-gold-03: #ebd460;
108
+ --md-color-theme-content-indicator-decorative-lime-01: #f3f7e9;
109
+ --md-color-theme-content-indicator-decorative-lime-02: #ddf2ae;
110
+ --md-color-theme-content-indicator-decorative-lime-03: #bce36f;
111
+ --md-color-theme-content-indicator-decorative-mint-01: #e9f7f3;
112
+ --md-color-theme-content-indicator-decorative-mint-02: #baf5e7;
113
+ --md-color-theme-content-indicator-decorative-mint-03: #74e8d1;
114
+ --md-color-theme-content-indicator-decorative-cobalt-01: #e5f8ff;
115
+ --md-color-theme-content-indicator-decorative-cobalt-02: #c7eeff;
116
+ --md-color-theme-content-indicator-decorative-cobalt-03: #99ddff;
117
+ --md-color-theme-content-indicator-decorative-slate-01: #f2f4ff;
118
+ --md-color-theme-content-indicator-decorative-slate-02: #e3e7fa;
119
+ --md-color-theme-content-indicator-decorative-slate-03: #ced2ed;
120
+ --md-color-theme-content-indicator-decorative-violet-01: #f8f2fc;
121
+ --md-color-theme-content-indicator-decorative-violet-02: #f0e3fc;
122
+ --md-color-theme-content-indicator-decorative-violet-03: #e2cafc;
123
+ --md-color-theme-content-indicator-decorative-purple-01: #fcf2fc;
124
+ --md-color-theme-content-indicator-decorative-purple-02: #fce1fc;
125
+ --md-color-theme-content-indicator-decorative-purple-03: #fac3f8;
126
+ --md-color-theme-content-indicator-decorative-pink-01: #fff2f5;
127
+ --md-color-theme-content-indicator-decorative-pink-02: #ffe0e7;
128
+ --md-color-theme-content-indicator-decorative-pink-03: #ffc7d2;
129
+ --md-color-theme-content-control-neutral-inactive-default: #00000033;
130
+ --md-color-theme-content-control-neutral-inactive-hover: #0000004d;
131
+ --md-color-theme-content-control-neutral-inactive-pressed: #00000066;
132
+ --md-color-theme-content-control-neutral-inactive-disabled: #ffffff1c;
133
+ --md-color-theme-content-control-accent-active-defualt: #1170cf;
134
+ --md-color-theme-content-control-accent-active-hover: #0353a8;
135
+ --md-color-theme-content-control-accent-active-pressed: #063a75;
136
+ --md-color-theme-content-control-accent-active-disabled: #bfe3ff;
137
+ --md-color-theme-content-scrollbar-thumb-default: #00000033;
138
+ --md-color-theme-content-scrollbar-thumb-hover: #0000004d;
139
+ --md-color-theme-content-scrollbar-thumb-pressed: #00000066;
140
+ --md-color-theme-content-scrollbar-bg-default: #00000000;
141
+ --md-color-theme-content-scrollbar-bg-hover: #0000001c;
142
+ --md-color-theme-content-scrollbar-bg-pressed: #ffffff33;
143
+ --md-color-theme-border-neutral-00: #00000033;
144
+ --md-color-theme-border-neutral-01: #0000004d;
145
+ --md-color-theme-border-neutral-02: #00000066;
146
+ --md-color-theme-border-neutral-03: #00000080;
147
+ --md-color-theme-border-neutral-04: #000000e6;
148
+ --md-color-theme-border-positive-00: #185e46;
149
+ --md-color-theme-border-negative-00: #ab0a15;
150
+ --md-color-theme-border-accent-00: #1170cf;
151
+ --md-color-theme-border-notice-00: #f26b1d;
152
+ --md-color-theme-border-decorative-gradient-device: linear-gradient(44deg, #08599c 0%, #22c7d6 51.56%, #27a17a 100%);
153
+ --md-color-theme-border-decorative-gradient-primary-default: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
154
+ --md-color-theme-border-decorative-gradient-primary-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
155
+ --md-color-theme-border-decorative-gradient-negative-defualt: linear-gradient(90deg, #ab0a15 0%, #ab0a15 22.4%, #ab0a15 76.04%, #ab0a15 100%);
156
+ --md-color-theme-border-decorative-gradient-negative-hover: linear-gradient(90deg, #fc8b98 0%, #fc8b98 22.4%, #fc8b98 76.04%, #fc8b98 100%);
157
+ --md-color-theme-border-decorative-gradient-warning-defualt: linear-gradient(90deg, #f2990a 0%, #f2990a 22.4%, #f2990a 76.04%, #f2990a 100%);
158
+ --md-color-theme-border-decorative-gradient-warning-hover: linear-gradient(90deg, #f2990a 0%, #f2990a 22.4%, #f2990a 76.04%, #f2990a 100%);
159
+ --md-color-theme-border-decorative-gradient-accent-defualt: linear-gradient(90deg, #64b4fa 0%, #64b4fa 22.4%, #64b4fa 76.04%, #64b4fa 100%);
160
+ --md-color-theme-border-decorative-gradient-accent-hover: linear-gradient(90deg, #64b4fa 0%, #64b4fa 22.4%, #64b4fa 76.04%, #64b4fa 100%);
161
+ --md-color-theme-illustration-default: #0f0f0f;
162
+ --md-color-theme-illustration-positive: #3cc29a;
163
+ --md-color-theme-illustration-negative: #f0677e;
164
+ --md-color-theme-illustration-empty-00: #93c437;
165
+ --md-color-theme-illustration-empty-01: #279be8;
166
+ --md-color-theme-illustration-onboarding-00: #ffbe4f;
167
+ --md-color-theme-illustration-onboarding-01: #f55868;
168
+ --md-color-theme-illustration-onboarding-02: #ffbe4f;
169
+ --md-color-theme-illustration-onboarding-03: #93c437;
170
+ --md-color-theme-illustration-onboarding-04: #279be8;
171
+ }