@epam/assets 5.2.0 → 5.3.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/css/theme/theme_electric.css +496 -0
  2. package/css/theme/theme_electric.css.map +1 -0
  3. package/css/theme/theme_loveship.css +486 -1150
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +623 -0
  6. package/css/theme/theme_loveship_dark.css.map +1 -0
  7. package/css/theme/theme_promo.css +518 -916
  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 +145 -730
  12. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  13. package/package.json +2 -2
  14. package/scss/electric/font-faces.scss +131 -0
  15. package/scss/loveship/colors.scss +7 -7
  16. package/scss/loveship/font-faces.scss +120 -0
  17. package/scss/loveship/fonts.scss +20 -4
  18. package/scss/loveship/typography.scss +12 -5
  19. package/scss/promo/font-faces.scss +118 -3
  20. package/scss/promo/fonts.scss +14 -4
  21. package/scss/promo/typography.scss +11 -6
  22. package/theme/theme_electric.scss +536 -0
  23. package/theme/theme_loveship.scss +534 -1347
  24. package/theme/theme_loveship_dark.scss +810 -0
  25. package/theme/theme_promo.scss +562 -1076
  26. package/theme/theme_vanilla_thunder(old).scss +1031 -0
  27. package/theme/theme_vanilla_thunder.scss +163 -918
package/css/theme/theme_loveship_dark.css ADDED
@@ -0,0 +1,623 @@
1
+ .uui-theme-loveship_dark{
2
+ --uui-font:"Source Sans Pro", sans-serif;
3
+ --font-primary:"Sans Semibold", Arial, sans-serif;
4
+ --font-promo:"Sans Semibold", Arial, sans-serif;
5
+ --font-mono:monospace;
6
+ --night50:#FAFAFC;
7
+ --night100:#E1E3EB;
8
+ --night200:#ACAFBF;
9
+ --night300:#6C6F80;
10
+ --night400:#585B69;
11
+ --night500:#474A59;
12
+ --night600:#383B4A;
13
+ --night700:#303240;
14
+ --night800:#272833;
15
+ --night900:#1D1E26;
16
+ --blue-5:#2C394B;
17
+ --blue-10:#334052;
18
+ --blue-20:#3E586F;
19
+ --blue-50:#008ACE;
20
+ --blue-60:#48A4D0;
21
+ --blue-70:#7DBCDB;
22
+ --green-5:#343A3B;
23
+ --green-10:#39443D;
24
+ --green-20:#505F49;
25
+ --green-50:#669900;
26
+ --green-60:#83B918;
27
+ --green-70:#A6D151;
28
+ --amber-5:#3F3B3B;
29
+ --amber-10:#47433D;
30
+ --amber-20:#625747;
31
+ --amber-50:#F1A105;
32
+ --amber-60:#F4B83A;
33
+ --amber-70:#FFD06D;
34
+ --red-5:#3C343E;
35
+ --red-10:#473943;
36
+ --red-20:#6B4447;
37
+ --red-50:#CC482D;
38
+ --red-60:#E56248;
39
+ --red-70:#F78C77;
40
+ --white:#FFFFFF;
41
+ --yellow-5:#403F40;
42
+ --yellow-10:#4F4B3F;
43
+ --yellow-20:#74683E;
44
+ --yellow-50:#FDD63B;
45
+ --yellow-60:#FEE376;
46
+ --yellow-70:#FEEA9D;
47
+ --orange-5:#413940;
48
+ --orange-10:#4F3F40;
49
+ --orange-20:#744F3F;
50
+ --orange-50:#FF8B3E;
51
+ --orange-60:#FFAA70;
52
+ --orange-70:#FFBF95;
53
+ --fuchsia-5:#413346;
54
+ --fuchsia-10:#51344C;
55
+ --fuchsia-20:#713657;
56
+ --fuchsia-50:#E93D82;
57
+ --fuchsia-60:#ED5F98;
58
+ --fuchsia-70:#F183AF;
59
+ --purple-5:#3E2F4F;
60
+ --purple-10:#4A2C5D;
61
+ --purple-20:#68267F;
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
+ --cobalt-5:#2C3A4F;
72
+ --cobalt-10:#29405D;
73
+ --cobalt-20:#20517F;
74
+ --cobalt-50:#0091FF;
75
+ --cobalt-60:#40ACFF;
76
+ --cobalt-70:#7AC5FF;
77
+ --cyan-5:#2E3E4B;
78
+ --cyan-10:#2C4955;
79
+ --cyan-20:#27656E;
80
+ --cyan-50:#14CCCC;
81
+ --cyan-60:#70E0E0;
82
+ --cyan-70:#A1EBEB;
83
+ --mint-5:#323E46;
84
+ --mint-10:#34484B;
85
+ --mint-20:#396258;
86
+ --mint-50:#4CC38A;
87
+ --mint-60:#79D2A7;
88
+ --mint-70:#A6E1C5;
89
+ --uui-accent-5:var(--green-5);
90
+ --uui-accent-10:var(--green-10);
91
+ --uui-accent-20:var(--green-20);
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);
96
+ --uui-primary-5:var(--blue-5);
97
+ --uui-primary-10:var(--blue-10);
98
+ --uui-primary-20:var(--blue-20);
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);
103
+ --uui-secondary-5:var(--night800);
104
+ --uui-secondary-10:var(--night700);
105
+ --uui-secondary-20:var(--night600);
106
+ --uui-secondary-50:var(--night500);
107
+ --uui-secondary-60:var(--night400);
108
+ --uui-secondary-70:var(--night300);
109
+ --uui-secondary-contrast:var(--white);
110
+ --uui-critical-5:var(--red-5);
111
+ --uui-critical-10:var(--red-10);
112
+ --uui-critical-20:var(--red-20);
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);
117
+ --uui-info-5:var(--blue-5);
118
+ --uui-info-10:var(--blue-10);
119
+ --uui-info-20:var(--blue-20);
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);
124
+ --uui-success-5:var(--green-5);
125
+ --uui-success-10:var(--green-10);
126
+ --uui-success-20:var(--green-20);
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);
131
+ --uui-warning-5:var(--amber-5);
132
+ --uui-warning-10:var(--amber-10);
133
+ --uui-warning-20:var(--amber-20);
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);
138
+ --uui-error-5:var(--red-5);
139
+ --uui-error-10:var(--red-10);
140
+ --uui-error-20:var(--red-20);
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);
158
+ --uui-overlay:rgba(29, 30, 38, 0.8);
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);
195
+ --uui-control-label:var(--uui-text-primary);
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);
199
+ --uui-control-text:var(--uui-text-primary);
200
+ --uui-control-text-disabled:var(--uui-text-disabled);
201
+ --uui-control-icon:var(--uui-neutral-30);
202
+ --uui-control-icon-disabled:var(--uui-neutral-30);
203
+ --uui-control-checkbox-icon:var(--white);
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%);
208
+ --uui-border-radius:3px;
209
+ --uui-shadow-level-1:0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
210
+ --uui-shadow-level-2:0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);
211
+ --uui-shadow-level-3:0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);
212
+ }
213
+ .uui-theme-loveship_dark .uui-color-neutral,
214
+ .uui-theme-loveship_dark .uui-color-gray,
215
+ .uui-theme-loveship_dark .uui-color-secondary{
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);
223
+ }
224
+ .uui-theme-loveship_dark .uui-color-accent,
225
+ .uui-theme-loveship_dark .uui-color-grass{
226
+ --uui-color-5:var(--green-5);
227
+ --uui-color-10:var(--green-10);
228
+ --uui-color-20:var(--green-20);
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);
242
+ }
243
+ .uui-theme-loveship_dark .uui-color-primary,
244
+ .uui-theme-loveship_dark .uui-color-sky{
245
+ --uui-color-5:var(--blue-5);
246
+ --uui-color-10:var(--blue-10);
247
+ --uui-color-20:var(--blue-20);
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);
252
+ }
253
+ .uui-theme-loveship_dark .uui-color-fire{
254
+ --uui-color-5:var(--red-5);
255
+ --uui-color-10:var(--red-10);
256
+ --uui-color-20:var(--red-20);
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);
261
+ }
262
+ .uui-theme-loveship_dark .uui-color-info{
263
+ --uui-color-5:var(--uui-info-5);
264
+ --uui-color-10:var(--uui-info-10);
265
+ --uui-color-20:var(--uui-info-20);
266
+ --uui-color-50:var(--uui-info-50);
267
+ --uui-color-60:var(--uui-info-60);
268
+ --uui-color-70:var(--uui-info-70);
269
+ --uui-color-contrast:var(--white);
270
+ }
271
+ .uui-theme-loveship_dark .uui-color-success{
272
+ --uui-color-5:var(--uui-success-5);
273
+ --uui-color-10:var(--uui-success-10);
274
+ --uui-color-20:var(--uui-success-20);
275
+ --uui-color-50:var(--uui-success-50);
276
+ --uui-color-60:var(--uui-success-60);
277
+ --uui-color-70:var(--uui-success-70);
278
+ --uui-color-contrast:var(--white);
279
+ }
280
+ .uui-theme-loveship_dark .uui-color-sun,
281
+ .uui-theme-loveship_dark .uui-color-warning{
282
+ --uui-color-5:var(--amber-5);
283
+ --uui-color-10:var(--amber-10);
284
+ --uui-color-20:var(--amber-20);
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);
289
+ }
290
+ .uui-theme-loveship_dark .uui-color-error{
291
+ --uui-color-5:var(--uui-error-5);
292
+ --uui-color-10:var(--uui-error-10);
293
+ --uui-color-20:var(--uui-error-20);
294
+ --uui-color-50:var(--uui-error-50);
295
+ --uui-color-60:var(--uui-error-60);
296
+ --uui-color-70:var(--uui-error-40);
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);
307
+ }
308
+ .uui-theme-loveship_dark .uui-color-yellow{
309
+ --uui-color-5:var(--yellow-5);
310
+ --uui-color-10:var(--yellow-10);
311
+ --uui-color-20:var(--yellow-20);
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);
316
+ }
317
+ .uui-theme-loveship_dark .uui-color-orange{
318
+ --uui-color-5:var(--orange-5);
319
+ --uui-color-10:var(--orange-10);
320
+ --uui-color-20:var(--orange-20);
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);
325
+ }
326
+ .uui-theme-loveship_dark .uui-color-fuchsia{
327
+ --uui-color-5:var(--fuchsia-5);
328
+ --uui-color-10:var(--fuchsia-10);
329
+ --uui-color-20:var(--fuchsia-20);
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);
334
+ }
335
+ .uui-theme-loveship_dark .uui-color-purple{
336
+ --uui-color-5:var(--purple-5);
337
+ --uui-color-10:var(--purple-10);
338
+ --uui-color-20:var(--purple-20);
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);
352
+ }
353
+ .uui-theme-loveship_dark .uui-color-cobalt{
354
+ --uui-color-5:var(--cobalt-5);
355
+ --uui-color-10:var(--cobalt-10);
356
+ --uui-color-20:var(--cobalt-20);
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);
361
+ }
362
+ .uui-theme-loveship_dark .uui-color-cyan{
363
+ --uui-color-5:var(--cyan-5);
364
+ --uui-color-10:var(--cyan-10);
365
+ --uui-color-20:var(--cyan-20);
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);
370
+ }
371
+ .uui-theme-loveship_dark .uui-color-mint{
372
+ --uui-color-5:var(--mint-5);
373
+ --uui-color-10:var(--mint-10);
374
+ --uui-color-20:var(--mint-20);
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);
510
+ }
511
+ .uui-theme-loveship_dark .uui-icon_button.uui-color-secondary{
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);
515
+ }
516
+ .uui-theme-loveship_dark .uui-link_button.uui-color-contrast{
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);
520
+ }
521
+ .uui-theme-loveship_dark .uui-link_button.uui-color-primary{
522
+ --uui-link_button-text:var(--uui-color-60);
523
+ --uui-link_button-text-hover:var(--uui-color-70);
524
+ --uui-link_button-text-disabled:var(--uui-text-disabled);
525
+ }
526
+ .uui-theme-loveship_dark .uui-tab-button{
527
+ --uui-tab_button-text-hover:var(--uui-primary-60);
528
+ --uui-tab_button-text-active:var(--uui-primary-60);
529
+ }
530
+ .uui-theme-loveship_dark .uui-main_menu{
531
+ --uui-main_menu-text:var(--uui-text-brand);
532
+ --uui-main_menu-text-active:var(--uui-text-brand);
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);
537
+ }
538
+ .uui-theme-loveship_dark .uui-main_menu-dropdown{
539
+ --uui-main_menu-text:var(--uui-text-brand);
540
+ --uui-main_menu-text-active:var(--uui-text-brand);
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);
549
+ }
550
+ .uui-theme-loveship_dark .uui-main_menu-burger-button{
551
+ --uui-burger_btn_caption:var(--uui-text-brand);
552
+ --uui-burger_btn_caption-hover:var(--uui-primary-50);
553
+ --uui-burger_btn_caption-active:var(--uui-primary-50);
554
+ --uui-burger_btn-border:var(--uui-neutral-40);
555
+ }
556
+ .uui-theme-loveship_dark .uui-tooltip-container.uui-color-neutral{
557
+ --uui-tooltip-bg:var(--uui-surface-main);
558
+ --uui-color-contrast:var(--uui-text-primary);
559
+ }
560
+ .uui-theme-loveship_dark .uui-tooltip-container.uui-color-contrast{
561
+ --uui-tooltip-bg:var(--uui-neutral-10);
562
+ --uui-color-contrast:var(--uui-text-contrast);
563
+ }
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);
567
+ }
568
+ .uui-theme-loveship_dark .uui-count_indicator.uui-color-neutral{
569
+ --uui-count_indicator-caption:var(--uui-neutral-10);
570
+ }
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);
574
+ }
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);
578
+ }
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);
583
+ }
584
+ .uui-theme-loveship_dark .uui-alert.uui-color-info{
585
+ --uui-alert-icon:var(--uui-color-60);
586
+ --uui-alert-border:var(--uui-color-60);
587
+ }
588
+ .uui-theme-loveship_dark .uui-alert.uui-color-success{
589
+ --uui-alert-icon:var(--uui-color-60);
590
+ --uui-alert-border:var(--uui-color-60);
591
+ }
592
+ .uui-theme-loveship_dark .uui-alert.uui-color-warning{
593
+ --uui-alert-icon:var(--uui-color-60);
594
+ --uui-alert-border:var(--uui-color-60);
595
+ }
596
+ .uui-theme-loveship_dark .uui-alert.uui-color-error{
597
+ --uui-alert-icon:var(--uui-color-60);
598
+ --uui-alert-border:var(--uui-color-60);
599
+ }
600
+ .uui-theme-loveship_dark .uui-font-sans{
601
+ --uui-text-font:var(--uui-font);
602
+ --uui-text-font-weight:400;
603
+ }
604
+ .uui-theme-loveship_dark .uui-font-sans-semibold{
605
+ --uui-text-font:var(--uui-font);
606
+ --uui-text-font-weight:600;
607
+ }
608
+ .uui-theme-loveship_dark .uui-font-sans-italic{
609
+ --uui-text-font:var(--uui-font);
610
+ --uui-text-font-weight:400;
611
+ --uui-text-font-style:italic;
612
+ }
613
+ .uui-theme-loveship_dark .uui-font-museo-sans{
614
+ --uui-text-font:var(--font-primary);
615
+ --uui-text-font-weight:normal;
616
+ }
617
+ .uui-theme-loveship_dark .uui-font-sans-light{
618
+ --uui-text-font:var(--uui-font);
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);
623
+ }