@epam/assets 5.2.0-rc.3 → 5.3.0-rc.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 (21) hide show
  1. package/css/theme/theme_electric.css +154 -131
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +262 -228
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +381 -301
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +249 -221
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder(old).css +805 -0
  10. package/css/theme/theme_vanilla_thunder(old).css.map +1 -0
  11. package/css/theme/theme_vanilla_thunder.css +104 -687
  12. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  13. package/package.json +2 -2
  14. package/scss/loveship/colors.scss +7 -7
  15. package/scss/promo/typography.scss +0 -2
  16. package/theme/theme_electric.scss +186 -136
  17. package/theme/theme_loveship.scss +306 -240
  18. package/theme/theme_loveship_dark.scss +456 -320
  19. package/theme/theme_promo.scss +289 -236
  20. package/theme/theme_vanilla_thunder(old).scss +1031 -0
  21. package/theme/theme_vanilla_thunder.scss +114 -864
package/css/theme/theme_loveship_dark.css CHANGED
@@ -16,269 +16,248 @@
16
16
  --blue-5:#2C394B;
17
17
  --blue-10:#334052;
18
18
  --blue-20:#3E586F;
19
- --blue-30:#008ACE;
20
- --blue-40:#48A4D0;
21
- --blue-50:#7DBCDB;
19
+ --blue-50:#008ACE;
20
+ --blue-60:#48A4D0;
21
+ --blue-70:#7DBCDB;
22
22
  --green-5:#343A3B;
23
23
  --green-10:#39443D;
24
24
  --green-20:#505F49;
25
- --green-30:#669900;
26
- --green-40:#83B918;
27
- --green-50:#A6D151;
25
+ --green-50:#669900;
26
+ --green-60:#83B918;
27
+ --green-70:#A6D151;
28
28
  --amber-5:#3F3B3B;
29
29
  --amber-10:#47433D;
30
30
  --amber-20:#625747;
31
- --amber-30:#F1A105;
32
- --amber-40:#F4B83A;
33
- --amber-50:#FFD06D;
31
+ --amber-50:#F1A105;
32
+ --amber-60:#F4B83A;
33
+ --amber-70:#FFD06D;
34
34
  --red-5:#3C343E;
35
35
  --red-10:#473943;
36
36
  --red-20:#6B4447;
37
- --red-30:#CC482D;
38
- --red-40:#E56248;
39
- --red-50:#F78C77;
37
+ --red-50:#CC482D;
38
+ --red-60:#E56248;
39
+ --red-70:#F78C77;
40
40
  --white:#FFFFFF;
41
41
  --yellow-5:#403F40;
42
42
  --yellow-10:#4F4B3F;
43
43
  --yellow-20:#74683E;
44
- --yellow-30:#FDD63B;
45
- --yellow-40:#FEE376;
46
- --yellow-50:#FEEA9D;
44
+ --yellow-50:#FDD63B;
45
+ --yellow-60:#FEE376;
46
+ --yellow-70:#FEEA9D;
47
47
  --orange-5:#413940;
48
48
  --orange-10:#4F3F40;
49
49
  --orange-20:#744F3F;
50
- --orange-30:#FF8B3E;
51
- --orange-40:#FFAA70;
52
- --orange-50:#FFBF95;
50
+ --orange-50:#FF8B3E;
51
+ --orange-60:#FFAA70;
52
+ --orange-70:#FFBF95;
53
53
  --fuchsia-5:#413346;
54
54
  --fuchsia-10:#51344C;
55
55
  --fuchsia-20:#713657;
56
- --fuchsia-30:#E93D82;
57
- --fuchsia-40:#ED5F98;
58
- --fuchsia-50:#F183AF;
56
+ --fuchsia-50:#E93D82;
57
+ --fuchsia-60:#ED5F98;
58
+ --fuchsia-70:#F183AF;
59
59
  --purple-5:#3E2F4F;
60
60
  --purple-10:#4A2C5D;
61
61
  --purple-20:#68267F;
62
- --purple-30:#B915DA;
63
- --purple-40:#D34EEE;
64
- --purple-50:#D68AE5;
65
- --lavanda-5:#393251;
66
- --lavanda-10:#443166;
67
- --lavanda-20:#573088;
68
- --lavanda-30:#8E32EB;
69
- --lavanda-40:#A55CEF;
70
- --lavanda-50:#AE8BF4;
62
+ --purple-50:#B915DA;
63
+ --purple-60:#D34EEE;
64
+ --purple-70:#D68AE5;
65
+ --violet-5:#393251;
66
+ --violet-10:#443166;
67
+ --violet-20:#573088;
68
+ --violet-50:#8E32EB;
69
+ --violet-60:#A55CEF;
70
+ --violet-70:#AE8BF4;
71
71
  --cobalt-5:#2C3A4F;
72
72
  --cobalt-10:#29405D;
73
73
  --cobalt-20:#20517F;
74
- --cobalt-30:#0091FF;
75
- --cobalt-40:#40ACFF;
76
- --cobalt-50:#7AC5FF;
74
+ --cobalt-50:#0091FF;
75
+ --cobalt-60:#40ACFF;
76
+ --cobalt-70:#7AC5FF;
77
77
  --cyan-5:#2E3E4B;
78
78
  --cyan-10:#2C4955;
79
79
  --cyan-20:#27656E;
80
- --cyan-30:#14CCCC;
81
- --cyan-40:#70E0E0;
82
- --cyan-50:#A1EBEB;
80
+ --cyan-50:#14CCCC;
81
+ --cyan-60:#70E0E0;
82
+ --cyan-70:#A1EBEB;
83
83
  --mint-5:#323E46;
84
84
  --mint-10:#34484B;
85
85
  --mint-20:#396258;
86
- --mint-30:#4CC38A;
87
- --mint-40:#79D2A7;
88
- --mint-50:#A6E1C5;
86
+ --mint-50:#4CC38A;
87
+ --mint-60:#79D2A7;
88
+ --mint-70:#A6E1C5;
89
89
  --uui-accent-5:var(--green-5);
90
90
  --uui-accent-10:var(--green-10);
91
91
  --uui-accent-20:var(--green-20);
92
- --uui-accent-50:var(--green-30);
93
- --uui-accent-60:var(--green-40);
94
- --uui-accent-70:var(--green-50);
92
+ --uui-accent-50:var(--green-50);
93
+ --uui-accent-60:var(--green-60);
94
+ --uui-accent-70:var(--green-70);
95
+ --uui-accent-contrast:var(--white);
95
96
  --uui-primary-5:var(--blue-5);
96
97
  --uui-primary-10:var(--blue-10);
97
98
  --uui-primary-20:var(--blue-20);
98
- --uui-primary-50:var(--blue-30);
99
- --uui-primary-60:var(--blue-40);
100
- --uui-primary-70:var(--blue-50);
99
+ --uui-primary-50:var(--blue-50);
100
+ --uui-primary-60:var(--blue-60);
101
+ --uui-primary-70:var(--blue-70);
102
+ --uui-primary-contrast:var(--white);
101
103
  --uui-secondary-5:var(--night800);
102
104
  --uui-secondary-10:var(--night700);
103
105
  --uui-secondary-20:var(--night600);
104
106
  --uui-secondary-50:var(--night500);
105
107
  --uui-secondary-60:var(--night400);
106
108
  --uui-secondary-70:var(--night300);
109
+ --uui-secondary-contrast:var(--white);
107
110
  --uui-critical-5:var(--red-5);
108
111
  --uui-critical-10:var(--red-10);
109
112
  --uui-critical-20:var(--red-20);
110
- --uui-critical-50:var(--red-30);
111
- --uui-critical-60:var(--red-40);
112
- --uui-critical-70:var(--red-50);
113
+ --uui-critical-50:var(--red-50);
114
+ --uui-critical-60:var(--red-60);
115
+ --uui-critical-70:var(--red-70);
116
+ --uui-critical-contrast:var(--white);
113
117
  --uui-info-5:var(--blue-5);
114
118
  --uui-info-10:var(--blue-10);
115
119
  --uui-info-20:var(--blue-20);
116
- --uui-info-50:var(--blue-30);
117
- --uui-info-60:var(--blue-40);
118
- --uui-info-70:var(--blue-50);
120
+ --uui-info-50:var(--blue-50);
121
+ --uui-info-60:var(--blue-60);
122
+ --uui-info-70:var(--blue-70);
123
+ --uui-info-contrast:var(--white);
119
124
  --uui-success-5:var(--green-5);
120
125
  --uui-success-10:var(--green-10);
121
126
  --uui-success-20:var(--green-20);
122
- --uui-success-50:var(--green-30);
123
- --uui-success-60:var(--green-40);
124
- --uui-success-70:var(--green-50);
127
+ --uui-success-50:var(--green-50);
128
+ --uui-success-60:var(--green-60);
129
+ --uui-success-70:var(--green-70);
130
+ --uui-success-contrast:var(--white);
125
131
  --uui-warning-5:var(--amber-5);
126
132
  --uui-warning-10:var(--amber-10);
127
133
  --uui-warning-20:var(--amber-20);
128
- --uui-warning-50:var(--amber-30);
129
- --uui-warning-60:var(--amber-40);
130
- --uui-warning-70:var(--amber-50);
134
+ --uui-warning-50:var(--amber-50);
135
+ --uui-warning-60:var(--amber-60);
136
+ --uui-warning-70:var(--amber-70);
137
+ --uui-warning-contrast:var(--night700);
131
138
  --uui-error-5:var(--red-5);
132
139
  --uui-error-10:var(--red-10);
133
140
  --uui-error-20:var(--red-20);
134
- --uui-error-50:var(--red-30);
135
- --uui-error-60:var(--red-40);
136
- --uui-error-70:var(--red-50);
137
- --uui-neutral-0:#000000;
138
- --uui-neutral-5:var(--night900);
139
- --uui-neutral-10:var(--night800);
140
- --uui-neutral-20:var(--night700);
141
- --uui-neutral-30:var(--night600);
142
- --uui-neutral-40:var(--night500);
143
- --uui-neutral-50:var(--night400);
144
- --uui-neutral-60:var(--night300);
145
- --uui-neutral-70:var(--night200);
146
- --uui-neutral-80:var(--night100);
147
- --uui-neutral-90:var(--night50);
148
- --uui-neutral-100:#FFFFFF;
149
- --uui-app-bg:var(--night900);
141
+ --uui-error-50:var(--red-50);
142
+ --uui-error-60:var(--red-60);
143
+ --uui-error-70:var(--red-70);
144
+ --uui-error-contrast:var(--white);
145
+ --uui-neutral-0:#FFFFFF;
146
+ --uui-neutral-5:var(--night50);
147
+ --uui-neutral-10:var(--night100);
148
+ --uui-neutral-20:var(--night200);
149
+ --uui-neutral-30:var(--night300);
150
+ --uui-neutral-40:var(--night400);
151
+ --uui-neutral-50:var(--night500);
152
+ --uui-neutral-60:var(--night600);
153
+ --uui-neutral-70:var(--night700);
154
+ --uui-neutral-80:var(--night800);
155
+ --uui-neutral-90:var(--night900);
156
+ --uui-neutral-100:#000000;
157
+ --uui-app-bg:var(--uui-neutral-90);
150
158
  --uui-overlay:rgba(29, 30, 38, 0.8);
151
- --uui-surface:var(--night700);
152
- --uui-surface-low:var(--night800);
153
- --uui-surface-lower:var(--night800);
154
- --uui-surface-lowest:var(--night500);
155
- --uui-surface-contrast:var(--white);
156
- --uui-surface-contrast-low:var(--night100);
157
- --uui-surface-contrast-lower:var(--night200);
158
- --uui-surface-active:var(--blue-10);
159
- --uui-surface-critical:var(--red-10);
160
- --uui-surface-warning:var(--amber-10);
161
- --uui-divider:var(--night400);
162
- --uui-divider-light:var(--night500);
163
- --uui-text-brand:var(--white);
164
- --uui-text-primary:var(--night50);
165
- --uui-text-secondary:var(--night100);
166
- --uui-text-tertiary:var(--night200);
167
- --uui-text-disabled:var(--night300);
168
- --uui-text-contrast:var(--night700);
169
- --uui-text-white:var(--white);
170
- --uui-text-dark:var(--night700);
171
- --uui-text-info:var(--uui-info-50);
172
- --uui-text-warning:var(--uui-warning-50);
173
- --uui-text-error:var(--uui-error-50);
174
- --uui-text-success:var(--uui-success-50);
175
- --uui-disabled:var(--night500);
176
- --uui-link:var(--blue-30);
177
- --uui-link-hover:var(--blue-40);
178
- --uui-link-wite-hover:var(--night400);
179
- --uui-link-black-hover:var(--night800);
180
- --uui-link-visited:#8018A0;
181
- --uui-link-disabled:var(--night500);
182
- --uui-icon:var(--night100);
183
- --uui-icon-hover:var(--night50);
184
- --uui-icon-active:var(--white);
185
- --uui-icon-disabled:var(--night300);
186
- --uui-scroll_bars-bg:var(--night600);
187
- --uui-scroll_bars-bg-active:var(--night400);
188
- --uui-control-bg:var(--uui-surface);
189
- --uui-control-bg-hover:var(--night600);
190
- --uui-control-bg-disabled:var(--night600);
191
- --uui-control-bg-readonly:var(--night400);
192
- --uui-control-border:var(--night400);
193
- --uui-control-border-hover:var(--night200);
194
- --uui-control-border-disabled:var(--night400);
195
- --uui-control-border-readonly:var(--night400);
196
- --uui-control-border-checked:var(--uui-primary-50);
159
+ --uui-surface-sunken:var(--uui-neutral-80);
160
+ --uui-surface-main:var(--uui-neutral-70);
161
+ --uui-surface-higher:var(--uui-neutral-60);
162
+ --uui-surface-highest:var(--uui-neutral-50);
163
+ --uui-divider:var(--uui-neutral-40);
164
+ --uui-divider-light:var(--uui-neutral-50);
165
+ --uui-text-brand:var(--uui-neutral-0);
166
+ --uui-text-primary:var(--uui-neutral-5);
167
+ --uui-text-secondary:var(--uui-neutral-10);
168
+ --uui-text-tertiary:var(--uui-neutral-20);
169
+ --uui-text-disabled:var(--uui-neutral-30);
170
+ --uui-text-contrast:var(--uui-neutral-70);
171
+ --uui-text-info:var(--uui-info-70);
172
+ --uui-text-warning:var(--uui-warning-70);
173
+ --uui-text-critical:var(--uui-critical-70);
174
+ --uui-text-success:var(--uui-success-70);
175
+ --uui-link:var(--blue-60);
176
+ --uui-link-hover:var(--blue-70);
177
+ --uui-link-visited:#9062EC;
178
+ --uui-link-visited-hover:#A884F0;
179
+ --uui-link-disabled:var(--uui-neutral-60);
180
+ --uui-icon:var(--uui-neutral-10);
181
+ --uui-icon-hover:var(--uui-neutral-5);
182
+ --uui-icon-active:var(--uui-neutral-5);
183
+ --uui-icon-disabled:var(--uui-neutral-50);
184
+ --uui-scroll_bars-bg:var(--uui-neutral-40);
185
+ --uui-scroll_bars-bg-active:var(--uui-neutral-30);
186
+ --uui-control-bg:var(--uui-surface-main);
187
+ --uui-control-bg-hover:var(--uui-neutral-60);
188
+ --uui-control-bg-disabled:var(--uui-neutral-60);
189
+ --uui-control-bg-readonly:var(--uui-neutral-60);
190
+ --uui-control-border:var(--uui-neutral-40);
191
+ --uui-control-border-hover:var(--uui-neutral-20);
192
+ --uui-control-border-disabled:var(--uui-neutral-40);
193
+ --uui-control-border-readonly:var(--uui-neutral-40);
194
+ --uui-control-border-checked:var(--uui-primary-60);
197
195
  --uui-control-label:var(--uui-text-primary);
198
- --uui-control-label-disabled:var(--uui-text-secondary);
199
- --uui-control-placeholder:var(--uui-text-secondary);
200
- --uui-control-placeholder-disabled:var(--night300);
196
+ --uui-control-label-disabled:var(--uui-text-disabled);
197
+ --uui-control-placeholder:var(--uui-text-tertiary);
198
+ --uui-control-placeholder-disabled:var(--uui-neutral-30);
201
199
  --uui-control-text:var(--uui-text-primary);
202
200
  --uui-control-text-disabled:var(--uui-text-disabled);
203
- --uui-control-icon:var(--night300);
204
- --uui-control-icon-disabled:var(--night300);
201
+ --uui-control-icon:var(--uui-neutral-30);
202
+ --uui-control-icon-disabled:var(--uui-neutral-30);
205
203
  --uui-control-checkbox-icon:var(--white);
206
- --uui-control-focus:#008ACE80;
207
- --uui-search-result-highlight:var(--uui-warning-20);
208
- --uui-skeleton:var(--night400);
209
- --uui-skeleton-gradient:linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);
204
+ --uui-outline-focus:#008ACE80;
205
+ --uui-search_result-bg-highlight:var(--uui-warning-20);
206
+ --uui-skeleton:var(--uui-neutral-40);
207
+ --uui-skeleton-gradient:linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-40) 50%, var(--uui-neutral-40) 100%);
210
208
  --uui-border-radius:3px;
211
209
  --uui-shadow-level-1:0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
212
210
  --uui-shadow-level-2:0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);
213
211
  --uui-shadow-level-3:0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);
214
212
  }
215
- .uui-theme-loveship_dark .uui-accordion-container{
216
- --uui-accordion-border-radius:6px;
217
- }
218
- .uui-theme-loveship_dark .uui-switch{
219
- --uui-switch-bg:var(--uui-neutral-50);
220
- }
221
- .uui-theme-loveship_dark .uui-blocker-container{
222
- --uui-blocker-bg:var(--uui-surface-main);
223
- --uui-blocker-bg-with-opacity:#303240CC;
224
- }
225
- .uui-theme-loveship_dark .uui-count{
226
- --uui-badge-count:var(--uui-text-dark);
227
- }
228
- .uui-theme-loveship_dark .uui-color-white{
229
- --uui-color-5:var(--night700);
230
- --uui-color-10:var(--night800);
231
- --uui-color-20:var(--night900);
232
- --uui-color-50:var(--white);
233
- --uui-color-60:var(--night200);
234
- --uui-color-70:var(--night300);
235
- --uui-color-text:var(--uui-secondary-60);
236
- --uui-color-contrast-text:var(--uui-text-dark);
237
- }
238
- .uui-theme-loveship_dark .uui-color-basic,
213
+ .uui-theme-loveship_dark .uui-color-neutral,
239
214
  .uui-theme-loveship_dark .uui-color-gray,
240
215
  .uui-theme-loveship_dark .uui-color-secondary{
241
- --uui-color-5:var(--night800);
242
- --uui-color-10:var(--night600);
243
- --uui-color-20:var(--night500);
244
- --uui-color-50:var(--night500);
245
- --uui-color-60:var(--night400);
246
- --uui-color-70:var(--night300);
247
- --uui-color-text:var(--night100);
248
- --uui-color-contrast-text:var(--uui-text-white);
216
+ --uui-color-5:var(--uui-secondary-5);
217
+ --uui-color-10:var(--uui-secondary-10);
218
+ --uui-color-20:var(--uui-secondary-20);
219
+ --uui-color-50:var(--uui-secondary-50);
220
+ --uui-color-60:var(--uui-secondary-60);
221
+ --uui-color-70:var(--uui-secondary-70);
222
+ --uui-color-contrast:var(--white);
249
223
  }
250
224
  .uui-theme-loveship_dark .uui-color-accent,
251
225
  .uui-theme-loveship_dark .uui-color-grass{
252
226
  --uui-color-5:var(--green-5);
253
227
  --uui-color-10:var(--green-10);
254
228
  --uui-color-20:var(--green-20);
255
- --uui-color-50:var(--green-30);
256
- --uui-color-60:var(--green-40);
257
- --uui-color-70:var(--green-50);
258
- --uui-color-text:var(--green-30);
259
- --uui-color-contrast-text:var(--uui-text-white);
229
+ --uui-color-50:var(--green-50);
230
+ --uui-color-60:var(--green-60);
231
+ --uui-color-70:var(--green-70);
232
+ --uui-color-contrast:var(--white);
233
+ }
234
+ .uui-theme-loveship_dark .uui-color-success{
235
+ --uui-color-5:var(--uui-success-5);
236
+ --uui-color-10:var(--uui-success-10);
237
+ --uui-color-20:var(--uui-success-20);
238
+ --uui-color-50:var(--uui-success-50);
239
+ --uui-color-60:var(--uui-success-60);
240
+ --uui-color-70:var(--uui-success-70);
241
+ --uui-color-contrast:var(--white);
260
242
  }
261
243
  .uui-theme-loveship_dark .uui-color-primary,
262
244
  .uui-theme-loveship_dark .uui-color-sky{
263
245
  --uui-color-5:var(--blue-5);
264
246
  --uui-color-10:var(--blue-10);
265
247
  --uui-color-20:var(--blue-20);
266
- --uui-color-50:var(--blue-30);
267
- --uui-color-60:var(--blue-40);
268
- --uui-color-70:var(--blue-50);
269
- --uui-color-text:var(--blue-30);
270
- --uui-color-contrast-text:var(--uui-text-white);
248
+ --uui-color-50:var(--blue-50);
249
+ --uui-color-60:var(--blue-60);
250
+ --uui-color-70:var(--blue-70);
251
+ --uui-color-contrast:var(--white);
271
252
  }
272
- .uui-theme-loveship_dark .uui-color-critical,
273
253
  .uui-theme-loveship_dark .uui-color-fire{
274
254
  --uui-color-5:var(--red-5);
275
255
  --uui-color-10:var(--red-10);
276
256
  --uui-color-20:var(--red-20);
277
- --uui-color-50:var(--red-30);
278
- --uui-color-60:var(--red-40);
279
- --uui-color-70:var(--red-50);
280
- --uui-color-text:var(--red-30);
281
- --uui-color-contrast-text:var(--uui-text-white);
257
+ --uui-color-50:var(--red-50);
258
+ --uui-color-60:var(--red-60);
259
+ --uui-color-70:var(--red-70);
260
+ --uui-color-contrast:var(--white);
282
261
  }
283
262
  .uui-theme-loveship_dark .uui-color-info{
284
263
  --uui-color-5:var(--uui-info-5);
@@ -287,8 +266,7 @@
287
266
  --uui-color-50:var(--uui-info-50);
288
267
  --uui-color-60:var(--uui-info-60);
289
268
  --uui-color-70:var(--uui-info-70);
290
- --uui-color-text:var(--uui-info-50);
291
- --uui-color-contrast-text:var(--uui-text-white);
269
+ --uui-color-contrast:var(--white);
292
270
  }
293
271
  .uui-theme-loveship_dark .uui-color-success{
294
272
  --uui-color-5:var(--uui-success-5);
@@ -297,19 +275,17 @@
297
275
  --uui-color-50:var(--uui-success-50);
298
276
  --uui-color-60:var(--uui-success-60);
299
277
  --uui-color-70:var(--uui-success-70);
300
- --uui-color-text:var(--uui-success-50);
301
- --uui-color-contrast-text:var(--uui-text-white);
278
+ --uui-color-contrast:var(--white);
302
279
  }
303
280
  .uui-theme-loveship_dark .uui-color-sun,
304
281
  .uui-theme-loveship_dark .uui-color-warning{
305
282
  --uui-color-5:var(--amber-5);
306
283
  --uui-color-10:var(--amber-10);
307
284
  --uui-color-20:var(--amber-20);
308
- --uui-color-50:var(--amber-30);
309
- --uui-color-60:var(--amber-40);
310
- --uui-color-70:var(--amber-50);
311
- --uui-color-text:var(--amber-30);
312
- --uui-color-contrast-text:var(--uui-text-white);
285
+ --uui-color-50:var(--amber-50);
286
+ --uui-color-60:var(--amber-60);
287
+ --uui-color-70:var(--amber-70);
288
+ --uui-color-contrast:var(--night700);
313
289
  }
314
290
  .uui-theme-loveship_dark .uui-color-error{
315
291
  --uui-color-5:var(--uui-error-5);
@@ -318,132 +294,234 @@
318
294
  --uui-color-50:var(--uui-error-50);
319
295
  --uui-color-60:var(--uui-error-60);
320
296
  --uui-color-70:var(--uui-error-40);
321
- --uui-color-text:var(--uui-error-50);
322
- --uui-color-contrast-text:var(--uui-text-white);
297
+ --uui-color-contrast:var(--white);
298
+ }
299
+ .uui-theme-loveship_dark .uui-color-critical{
300
+ --uui-color-5:var(--uui-critical-5);
301
+ --uui-color-10:var(--uui-critical-10);
302
+ --uui-color-20:var(--uui-critical-20);
303
+ --uui-color-50:var(--uui-critical-50);
304
+ --uui-color-60:var(--uui-critical-60);
305
+ --uui-color-70:var(--uui-critical-70);
306
+ --uui-color-contrast:var(--white);
323
307
  }
324
308
  .uui-theme-loveship_dark .uui-color-yellow{
325
309
  --uui-color-5:var(--yellow-5);
326
310
  --uui-color-10:var(--yellow-10);
327
311
  --uui-color-20:var(--yellow-20);
328
- --uui-color-50:var(--yellow-30);
329
- --uui-color-60:var(--yellow-40);
330
- --uui-color-70:var(--yellow-50);
331
- --uui-color-text:var(--yellow-30);
332
- --uui-color-contrast-text:var(--uui-text-white);
312
+ --uui-color-50:var(--yellow-50);
313
+ --uui-color-60:var(--yellow-60);
314
+ --uui-color-70:var(--yellow-70);
315
+ --uui-color-contrast:var(--night700);
333
316
  }
334
317
  .uui-theme-loveship_dark .uui-color-orange{
335
318
  --uui-color-5:var(--orange-5);
336
319
  --uui-color-10:var(--orange-10);
337
320
  --uui-color-20:var(--orange-20);
338
- --uui-color-50:var(--orange-30);
339
- --uui-color-60:var(--orange-40);
340
- --uui-color-70:var(--orange-50);
341
- --uui-color-text:var(--orange-30);
342
- --uui-color-contrast-text:var(--uui-text-white);
321
+ --uui-color-50:var(--orange-50);
322
+ --uui-color-60:var(--orange-60);
323
+ --uui-color-70:var(--orange-70);
324
+ --uui-color-contrast:var(--night700);
343
325
  }
344
326
  .uui-theme-loveship_dark .uui-color-fuchsia{
345
327
  --uui-color-5:var(--fuchsia-5);
346
328
  --uui-color-10:var(--fuchsia-10);
347
329
  --uui-color-20:var(--fuchsia-20);
348
- --uui-color-50:var(--fuchsia-30);
349
- --uui-color-60:var(--fuchsia-40);
350
- --uui-color-70:var(--fuchsia-50);
351
- --uui-color-text:var(--fuchsia-30);
352
- --uui-color-contrast-text:var(--uui-text-white);
330
+ --uui-color-50:var(--fuchsia-50);
331
+ --uui-color-60:var(--fuchsia-60);
332
+ --uui-color-70:var(--fuchsia-70);
333
+ --uui-color-contrast:var(--white);
353
334
  }
354
335
  .uui-theme-loveship_dark .uui-color-purple{
355
336
  --uui-color-5:var(--purple-5);
356
337
  --uui-color-10:var(--purple-10);
357
338
  --uui-color-20:var(--purple-20);
358
- --uui-color-50:var(--purple-30);
359
- --uui-color-60:var(--purple-40);
360
- --uui-color-70:var(--purple-50);
361
- --uui-color-text:var(--purple-30);
362
- --uui-color-contrast-text:var(--uui-text-white);
363
- }
364
- .uui-theme-loveship_dark .uui-color-lavanda{
365
- --uui-color-5:var(--lavanda-5);
366
- --uui-color-10:var(--lavanda-10);
367
- --uui-color-20:var(--lavanda-20);
368
- --uui-color-50:var(--lavanda-30);
369
- --uui-color-60:var(--lavanda-40);
370
- --uui-color-70:var(--lavanda-50);
371
- --uui-color-text:var(--lavanda-30);
372
- --uui-color-contrast-text:var(--uui-text-white);
339
+ --uui-color-50:var(--purple-50);
340
+ --uui-color-60:var(--purple-60);
341
+ --uui-color-70:var(--purple-70);
342
+ --uui-color-contrast:var(--white);
343
+ }
344
+ .uui-theme-loveship_dark .uui-color-violet{
345
+ --uui-color-5:var(--violet-5);
346
+ --uui-color-10:var(--violet-10);
347
+ --uui-color-20:var(--violet-20);
348
+ --uui-color-50:var(--violet-50);
349
+ --uui-color-60:var(--violet-60);
350
+ --uui-color-70:var(--violet-70);
351
+ --uui-color-contrast:var(--white);
373
352
  }
374
353
  .uui-theme-loveship_dark .uui-color-cobalt{
375
354
  --uui-color-5:var(--cobalt-5);
376
355
  --uui-color-10:var(--cobalt-10);
377
356
  --uui-color-20:var(--cobalt-20);
378
- --uui-color-50:var(--cobalt-30);
379
- --uui-color-60:var(--cobalt-40);
380
- --uui-color-70:var(--cobalt-50);
381
- --uui-color-text:var(--cobalt-30);
382
- --uui-color-contrast-text:var(--uui-text-white);
357
+ --uui-color-50:var(--cobalt-50);
358
+ --uui-color-60:var(--cobalt-60);
359
+ --uui-color-70:var(--cobalt-70);
360
+ --uui-color-contrast:var(--white);
383
361
  }
384
362
  .uui-theme-loveship_dark .uui-color-cyan{
385
363
  --uui-color-5:var(--cyan-5);
386
364
  --uui-color-10:var(--cyan-10);
387
365
  --uui-color-20:var(--cyan-20);
388
- --uui-color-50:var(--cyan-30);
389
- --uui-color-60:var(--cyan-40);
390
- --uui-color-70:var(--cyan-50);
391
- --uui-color-text:var(--cyan-30);
392
- --uui-color-contrast-text:var(--uui-text-white);
366
+ --uui-color-50:var(--cyan-50);
367
+ --uui-color-60:var(--cyan-60);
368
+ --uui-color-70:var(--cyan-70);
369
+ --uui-color-contrast:var(--night700);
393
370
  }
394
371
  .uui-theme-loveship_dark .uui-color-mint{
395
372
  --uui-color-5:var(--mint-5);
396
373
  --uui-color-10:var(--mint-10);
397
374
  --uui-color-20:var(--mint-20);
398
- --uui-color-50:var(--mint-30);
399
- --uui-color-60:var(--mint-40);
400
- --uui-color-70:var(--mint-50);
401
- --uui-color-text:var(--mint-30);
402
- --uui-color-contrast-text:var(--uui-text-white);
403
- }
404
- .uui-theme-loveship_dark .uui-badge.uui-color-neutral{
405
- --uui-color-5:var(--night800);
406
- --uui-color-10:var(--night700);
407
- --uui-color-20:var(--night400);
408
- --uui-color-50:var(--night400);
409
- --uui-color-60:var(--night300);
410
- --uui-color-70:var(--night200);
411
- --uui-color-text:var(--uui-secondary-60);
412
- --uui-color-contrast-text:var(--night50);
413
- }
414
- .uui-theme-loveship_dark .uui-badge.fill-semitransparent{
415
- --uui-color-70:var(--night50);
416
- }
417
- .uui-theme-loveship_dark .uui-icon_button.uui-color-neutral{
418
- --uui-color-50:var(--night100);
419
- --uui-color-60:var(--night50);
420
- --uui-color-70:var(--night50);
375
+ --uui-color-50:var(--mint-50);
376
+ --uui-color-60:var(--mint-60);
377
+ --uui-color-70:var(--mint-70);
378
+ --uui-color-contrast:var(--night700);
379
+ }
380
+ .uui-theme-loveship_dark .uui-color-white{
381
+ --uui-color-5:var(--white);
382
+ --uui-color-10:var(--white);
383
+ --uui-color-20:var(--white);
384
+ --uui-color-50:var(--white);
385
+ --uui-color-60:var(--uui-neutral-10);
386
+ --uui-color-70:var(--uui-neutral-20);
387
+ --uui-color-contrast:var(--night700);
388
+ }
389
+ .uui-theme-loveship_dark .uui-accordion-container{
390
+ --uui-accordion-border-radius:6px;
391
+ }
392
+ .uui-theme-loveship_dark .uui-file_card{
393
+ --uui-file_card-border-radius:6px;
394
+ }
395
+ .uui-theme-loveship_dark .uui-button{
396
+ --uui-btn-bg-disabled:var(--uui-neutral-50);
397
+ --uui-btn-border-disabled:var(--uui-neutral-50);
398
+ }
399
+ .uui-theme-loveship_dark .uui-button.uui-fill-outline{
400
+ --uui-btn-border:var(--uui-color-60);
401
+ --uui-btn-border-hover:var(--uui-color-60);
402
+ --uui-btn-border-active:var(--uui-color-60);
403
+ --uui-btn-caption:var(--uui-color-60);
404
+ }
405
+ .uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-secondary{
406
+ --uui-btn-bg-hover:var(--uui-neutral-60);
407
+ --uui-btn-bg-active:var(--uui-neutral-50);
408
+ --uui-btn-border:var(--uui-neutral-30);
409
+ --uui-btn-border-hover:var(--uui-neutral-30);
410
+ --uui-btn-border-active:var(--uui-neutral-30);
411
+ --uui-btn-caption:var(--uui-neutral-10);
412
+ }
413
+ .uui-theme-loveship_dark .uui-button.uui-fill-none{
414
+ --uui-btn-border:var(--uui-color-60);
415
+ --uui-btn-border-hover:var(--uui-color-60);
416
+ --uui-btn-border-active:var(--uui-color-60);
417
+ --uui-btn-caption:var(--uui-color-60);
418
+ }
419
+ .uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-secondary{
420
+ --uui-btn-bg-hover:var(--uui-neutral-60);
421
+ --uui-btn-bg-active:var(--uui-neutral-50);
422
+ --uui-btn-border:var(--uui-neutral-30);
423
+ --uui-btn-border-hover:var(--uui-neutral-30);
424
+ --uui-btn-border-active:var(--uui-neutral-30);
425
+ --uui-btn-caption:var(--uui-neutral-10);
426
+ }
427
+ .uui-theme-loveship_dark .uui-button.uui-fill-ghost{
428
+ --uui-btn-caption:var(--uui-color-60);
429
+ }
430
+ .uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-neutral, .uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-secondary{
431
+ --uui-btn-bg-hover:var(--uui-neutral-60);
432
+ --uui-btn-bg-active:var(--uui-neutral-50);
433
+ --uui-btn-border-hover:var(--uui-neutral-60);
434
+ --uui-btn-border-active:var(--uui-neutral-50);
435
+ --uui-btn-caption:var(--uui-neutral-10);
436
+ }
437
+ .uui-theme-loveship_dark .uui-switch{
438
+ --uui-switch-bg:var(--uui-neutral-40);
439
+ --uui-switch-bg-hover:var(--uui-neutral-50);
440
+ --uui-switch-border-hover:var(--uui-neutral-50);
441
+ }
442
+ .uui-theme-loveship_dark .uui-blocker-container{
443
+ --uui-blocker-bg:var(--uui-surface-main);
444
+ --uui-blocker-bg-with-opacity:#303240CC;
445
+ }
446
+ .uui-theme-loveship_dark .uui-badge.uui-fill-outline .uui-count_indicator{
447
+ --uui-count_indicator-bg:var(--uui-neutral-20);
448
+ --uui-count_indicator-border:var(--uui-neutral-50);
449
+ --uui-count_indicator-caption:var(--uui-neutral-80);
450
+ }
451
+ .uui-theme-loveship_dark .uui-badge.uui-color-neutral,
452
+ .uui-theme-loveship_dark .uui-badge.uui-color-night300{
453
+ --uui-badge-bg:var(--uui-neutral-40);
454
+ --uui-badge-bg-hover:var(--uui-neutral-30);
455
+ --uui-badge-border:var(--uui-neutral-40);
456
+ --uui-badge-border-hover:var(--uui-neutral-30);
457
+ --uui-color-contrast:var(--uui-neutral-5);
458
+ }
459
+ .uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-outline,
460
+ .uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-outline{
461
+ --uui-badge-bg:var(--uui-neutral-60);
462
+ --uui-badge-bg-hover:var(--uui-neutral-50);
463
+ --uui-badge-border:var(--uui-neutral-30);
464
+ --uui-badge-border-hover:var(--uui-neutral-30);
465
+ --uui-badge-caption:var(--uui-neutral-5);
466
+ --uui-badge-caption-hover:var(--uui-neutral-5);
467
+ }
468
+ .uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-outline{
469
+ --uui-badge-bg:color-mix(in srgb, var(--white) 8%, transparent);
470
+ --uui-badge-bg-hover:color-mix(in srgb, var(--white) 16%, transparent);
471
+ --uui-badge-caption:var(--white);
472
+ --uui-badge-caption-hover:var(--white);
473
+ }
474
+ .uui-theme-loveship_dark .uui-badge.uui-color-night100{
475
+ --uui-badge-bg:var(--uui-neutral-40);
476
+ --uui-badge-bg-hover:var(--uui-neutral-30);
477
+ --uui-badge-border:var(--uui-neutral-40);
478
+ --uui-badge-border-hover:var(--uui-neutral-30);
479
+ --uui-badge-caption:var(--white);
480
+ --uui-badge-caption-hover:var(--white);
481
+ }
482
+ .uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-outline{
483
+ --uui-badge-bg:color-mix(in srgb, var(--white) 20%, transparent);
484
+ --uui-badge-bg-hover:color-mix(in srgb, var(--white) 25%, transparent);
485
+ --uui-badge-border:var(--uui-neutral-20);
486
+ --uui-badge-border-hover:var(--uui-neutral-20);
487
+ --uui-badge-caption:var(--uui-neutral-5);
488
+ --uui-badge-caption-hover:var(--uui-neutral-5);
489
+ }
490
+ .uui-theme-loveship_dark .uui-badge.uui-color-night600{
491
+ --uui-badge-bg:var(--uui-neutral-80);
492
+ --uui-badge-bg-hover:var(--uui-neutral-70);
493
+ --uui-badge-border:var(--uui-neutral-80);
494
+ --uui-badge-border-hover:var(--uui-neutral-70);
495
+ --uui-badge-caption:var(--white);
496
+ --uui-badge-caption-hover:var(--white);
497
+ }
498
+ .uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-outline{
499
+ --uui-badge-border:var(--uui-neutral-30);
500
+ --uui-badge-border-hover:var(--uui-neutral-30);
501
+ --uui-badge-caption:var(--uui-neutral-5);
502
+ --uui-badge-caption-hover:var(--uui-neutral-5);
503
+ }
504
+ .uui-theme-loveship_dark .uui-badge.uui-color-info.uui-fill-outline{
505
+ --uui-badge-bg:var(--blue-5);
506
+ --uui-badge-bg-hover:var(--blue-10);
507
+ --uui-badge-border:var(--blue-20);
508
+ --uui-badge-caption:var(--blue-70);
509
+ --uui-badge-caption-hover:var(--blue-70);
421
510
  }
422
511
  .uui-theme-loveship_dark .uui-icon_button.uui-color-secondary{
423
- --uui-color-50:var(--night400);
424
- --uui-color-60:var(--night200);
425
- --uui-color-70:var(--night200);
512
+ --uui-icon-btn:var(--uui-neutral-40);
513
+ --uui-icon-btn-hover:var(--uui-neutral-30);
514
+ --uui-icon-btn-active:var(--uui-neutral-30);
426
515
  }
427
516
  .uui-theme-loveship_dark .uui-link_button.uui-color-contrast{
428
- --uui-color-50:var(--night200);
429
- --uui-color-60:var(--night100);
430
- --uui-color-70:var(--night50);
517
+ --uui-link_button-text:var(--uui-neutral-0);
518
+ --uui-link_button-text-hover:var(--uui-neutral-5);
519
+ --uui-link_button-text-active:var(--uui-neutral-10);
431
520
  }
432
521
  .uui-theme-loveship_dark .uui-link_button.uui-color-primary{
433
522
  --uui-link_button-text:var(--uui-color-60);
434
523
  --uui-link_button-text-hover:var(--uui-color-70);
435
- --uui-link_button-text-disabled:var(--uui-secondary-20);
436
- }
437
- .uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-secondary,
438
- .uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-secondary{
439
- --uui-color-50:var(--night200);
440
- }
441
- .uui-theme-loveship_dark .uui-burger{
442
- --uui-burger_menu-bg:var(--uui-app-bg);
443
- --uui-burger_menu-bg-hover:var(--uui-app-bg);
444
- --uui-burger_menu-caption:var(--night50);
445
- --uui-burger_icon:var(--night50);
446
- --uui-burger_item:var(--uui-app-bg);
524
+ --uui-link_button-text-disabled:var(--uui-text-disabled);
447
525
  }
448
526
  .uui-theme-loveship_dark .uui-tab-button{
449
527
  --uui-tab_button-text-hover:var(--uui-primary-60);
@@ -452,57 +530,56 @@
452
530
  .uui-theme-loveship_dark .uui-main_menu{
453
531
  --uui-main_menu-text:var(--uui-text-brand);
454
532
  --uui-main_menu-text-active:var(--uui-text-brand);
455
- --uui-main_menu-bg:var(--uui-surface);
456
- --uui-main_menu-hover:var(--uui-app-bg);
457
- --uui-main_menu-icon:var(--uui-text-primary);
458
- --uui-main_menu-icon-hover:var(--uui-text-primary);
459
- --uui-main_menu-icon-active:var(--uui-text-primary);
533
+ --uui-main_menu-bg:var(--uui-neutral-70);
534
+ --uui-main_menu-icon:var(--uui-neutral-5);
535
+ --uui-main_menu-icon-hover:var(--uui-neutral-5);
536
+ --uui-main_menu-icon-active:var(--uui-neutral-5);
460
537
  }
461
538
  .uui-theme-loveship_dark .uui-main_menu-dropdown{
462
539
  --uui-main_menu-text:var(--uui-text-brand);
463
540
  --uui-main_menu-text-active:var(--uui-text-brand);
464
- --uui-main_menu-dropdown-bg:var(--uui-app-bg);
465
- --uui-main_menu-dropdown-bg-hover:var(--uui-surface);
541
+ --uui-main_menu-dropdown-bg-hover:var(--uui-neutral-70);
542
+ }
543
+ .uui-theme-loveship_dark .uui-burger{
544
+ --uui-burger_menu-bg:var(--uui-app-bg);
545
+ --uui-burger_menu-bg-hover:var(--uui-app-bg);
546
+ --uui-burger_menu-caption:var(--uui-neutral-90);
547
+ --uui-burger_icon:var(--uui-neutral-5);
548
+ --uui-burger_item:var(--uui-app-bg);
466
549
  }
467
550
  .uui-theme-loveship_dark .uui-main_menu-burger-button{
468
551
  --uui-burger_btn_caption:var(--uui-text-brand);
469
552
  --uui-burger_btn_caption-hover:var(--uui-primary-50);
470
553
  --uui-burger_btn_caption-active:var(--uui-primary-50);
471
- }
472
- .uui-theme-loveship_dark .uui-main_menu-burger-search{
473
- --uui-burger_search:var(--uui-text-brand);
474
- --uui-burger_search-fill:var(--uui-secondary-70);
475
- --uui-burger_search-bg:var(--uui-secondary-50);
476
- --uui-burger_search-placeholder:var(--uui-secondary-70);
554
+ --uui-burger_btn-border:var(--uui-neutral-40);
477
555
  }
478
556
  .uui-theme-loveship_dark .uui-tooltip-container.uui-color-neutral{
479
- --uui-color-50:var(--uui-surface);
480
- --uui-color-contrast-text:var(--uui-text-primary);
557
+ --uui-tooltip-bg:var(--uui-surface-main);
558
+ --uui-color-contrast:var(--uui-text-primary);
481
559
  }
482
560
  .uui-theme-loveship_dark .uui-tooltip-container.uui-color-contrast{
483
- --uui-color-50:var(--uui-surface-contrast-low);
484
- --uui-color-contrast-text:var(--uui-text-contrast);
561
+ --uui-tooltip-bg:var(--uui-neutral-10);
562
+ --uui-color-contrast:var(--uui-text-contrast);
485
563
  }
486
- .uui-theme-loveship_dark .uui-informer.uui-color-neutral{
487
- --uui-color-50:var(--uui-neutral-60);
488
- --uui-informer-caption:var(--uui-text-white);
564
+ .uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-info, .uui-color-blue, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-red, .uui-color-warning, .uui-color-amber){
565
+ --uui-count_indicator-bg:var(--uui-color-60);
566
+ --uui-count_indicator-border:var(--uui-color-60);
489
567
  }
490
- .uui-theme-loveship_dark .uui-informer.uui-color-info{
491
- --uui-color-50:var(--blue-40);
492
- --uui-informer-caption:var(--uui-text-white);
568
+ .uui-theme-loveship_dark .uui-count_indicator.uui-color-neutral{
569
+ --uui-count_indicator-caption:var(--uui-neutral-10);
493
570
  }
494
- .uui-theme-loveship_dark .uui-informer.uui-color-grass,
495
- .uui-theme-loveship_dark .uui-informer.uui-color-success{
496
- --uui-color-50:var(--green-40);
497
- --uui-informer-caption:var(--uui-text-white);
571
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
572
+ background-color:color-mix(in srgb, var(--white) 20%, transparent);
573
+ border:1px solid var(--white);
498
574
  }
499
- .uui-theme-loveship_dark .uui-informer.uui-color-negative{
500
- --uui-color-50:var(--red-40);
501
- --uui-informer-caption:var(--uui-text-white);
575
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator_dot,
576
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator_dot{
577
+ background-color:var(--uui-neutral-30);
502
578
  }
503
- .uui-theme-loveship_dark .uui-informer.uui-color-warning{
504
- --uui-color-50:var(--amber-40);
505
- --uui-informer-caption:var(--uui-text-contrast);
579
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator_dot,
580
+ .uui-theme-loveship_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator_dot{
581
+ background-color:color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);
582
+ border:1px solid var(--uui-neutral-30);
506
583
  }
507
584
  .uui-theme-loveship_dark .uui-alert.uui-color-info{
508
585
  --uui-alert-icon:var(--uui-color-60);
@@ -540,4 +617,7 @@
540
617
  .uui-theme-loveship_dark .uui-font-sans-light{
541
618
  --uui-text-font:var(--uui-font);
542
619
  --uui-text-font-weight:300;
620
+ }
621
+ .uui-theme-loveship_dark .uui-tag.uui-color-neutral{
622
+ --uui-tag-bg:var(--uui-neutral-40);
543
623
  }