@taiga-ui/design-tokens 0.107.0 → 0.109.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.
- package/angular/desktop.less +31 -15
- package/angular/mobile.less +20 -10
- package/esm2022/icons.mjs +17 -1
- package/fesm2022/taiga-ui-design-tokens.mjs +16 -0
- package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
- package/icons/flags/ai.svg +2 -2
- package/icons/flags/in.svg +3 -3
- package/icons.d.ts +1 -1
- package/package.json +1 -1
- package/palette/dark.css +16 -8
- package/palette/light.css +15 -7
- package/palette/mobile/dark.css +10 -5
- package/palette/mobile/light.css +10 -5
package/angular/desktop.less
CHANGED
|
@@ -18,15 +18,21 @@
|
|
|
18
18
|
--tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-18); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
|
|
19
19
|
--tui-background-neutral-1-hover: var(--tui-const-white-alpha-15); // Только для веба. Cостояние элементов c фоном neutral-1 при наведении
|
|
20
20
|
--tui-background-neutral-1-pressed: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1
|
|
21
|
-
--tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); //
|
|
22
|
-
--tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); //
|
|
23
|
-
--tui-background-neutral-1-
|
|
24
|
-
--tui-background-neutral-1-
|
|
21
|
+
--tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-hover
|
|
22
|
+
--tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-hover
|
|
23
|
+
--tui-background-neutral-1-on-light-hover: var(--tui-const-black-alpha-6); // Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы
|
|
24
|
+
--tui-background-neutral-1-on-dark-hover: var(--tui-const-white-alpha-15); // Состояние при наведении элементов с фоном neutral-1-on-dark, не меняется при переключении темы
|
|
25
|
+
--tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-12); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
|
|
26
|
+
--tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-20); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
|
|
27
|
+
--tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-12); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
|
|
28
|
+
--tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
|
|
25
29
|
--tui-background-neutral-2: var(--tui-const-white-alpha-15); // Прозрачные контейнеры маленьких размеров
|
|
26
30
|
--tui-background-neutral-2-hover: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
|
|
27
31
|
--tui-background-neutral-2-pressed: var(--tui-const-white-alpha-25); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
|
|
28
32
|
--tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
|
|
29
|
-
--tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); //
|
|
33
|
+
--tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
|
|
34
|
+
--tui-background-neutral-2-on-dark-hover: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
|
|
35
|
+
--tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-25); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
|
|
30
36
|
--tui-background-neutral-3: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
|
|
31
37
|
--tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
|
|
32
38
|
--tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
|
|
@@ -333,7 +339,9 @@
|
|
|
333
339
|
--tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
|
|
334
340
|
--tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
|
|
335
341
|
--tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
|
|
342
|
+
--tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
|
|
336
343
|
--tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
|
|
344
|
+
--tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
|
|
337
345
|
--tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
|
|
338
346
|
--tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
|
|
339
347
|
--tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
|
|
@@ -404,9 +412,9 @@
|
|
|
404
412
|
--tui-status-info-pale-hover: var(--tui-const-blue-darker-32); // Только для веба. Контейнеры информационных блоков при наведении
|
|
405
413
|
--tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
|
|
406
414
|
--tui-status-neutral: var(--tui-const-cool-gray-lighter-61); // Акцентный цвет для нейтральных фонах
|
|
407
|
-
--tui-status-neutral-pale: var(--tui-const-white-alpha-
|
|
408
|
-
--tui-status-neutral-pale-hover: var(--tui-const-white-alpha-
|
|
409
|
-
--tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-
|
|
415
|
+
--tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
|
|
416
|
+
--tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); // Фоновый контейнер нейтральных статусных блоков при наведении
|
|
417
|
+
--tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
|
|
410
418
|
--tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
|
|
411
419
|
--tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
|
|
412
420
|
--tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
|
|
@@ -482,15 +490,21 @@
|
|
|
482
490
|
--tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
|
|
483
491
|
--tui-background-neutral-1-hover: var(--tui-const-dark-blue-alpha-8); // Только для веба. Cостояние элементов c фоном neutral-1 при наведении
|
|
484
492
|
--tui-background-neutral-1-pressed: var(--tui-const-dark-blue-alpha-10); // Нажатое состояние элементов с фоном neutral-1
|
|
485
|
-
--tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); //
|
|
486
|
-
--tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); //
|
|
487
|
-
--tui-background-neutral-1-
|
|
488
|
-
--tui-background-neutral-1-
|
|
493
|
+
--tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-hover
|
|
494
|
+
--tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-hover
|
|
495
|
+
--tui-background-neutral-1-on-light-hover: var(--tui-const-black-alpha-6); // Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы
|
|
496
|
+
--tui-background-neutral-1-on-dark-hover: var(--tui-const-white-alpha-15); // Состояние при наведении элементов с фоном neutral-1-on-dark, не меняется при переключении темы
|
|
497
|
+
--tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-12); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
|
|
498
|
+
--tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-20); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
|
|
499
|
+
--tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-12); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
|
|
500
|
+
--tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-20); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
|
|
489
501
|
--tui-background-neutral-2: var(--tui-const-dark-blue-alpha-8); // Прозрачные контейнеры маленьких размеров
|
|
490
502
|
--tui-background-neutral-2-hover: var(--tui-const-dark-blue-alpha-10); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
|
|
491
503
|
--tui-background-neutral-2-pressed: var(--tui-const-dark-blue-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
|
|
492
504
|
--tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
|
|
493
|
-
--tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); //
|
|
505
|
+
--tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
|
|
506
|
+
--tui-background-neutral-2-on-dark-hover: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
|
|
507
|
+
--tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-25); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
|
|
494
508
|
--tui-background-neutral-3: var(--tui-const-cool-gray-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
|
|
495
509
|
--tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
|
|
496
510
|
--tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
|
|
@@ -797,7 +811,9 @@
|
|
|
797
811
|
--tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
|
|
798
812
|
--tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
|
|
799
813
|
--tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
|
|
814
|
+
--tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
|
|
800
815
|
--tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
|
|
816
|
+
--tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
|
|
801
817
|
--tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
|
|
802
818
|
--tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
|
|
803
819
|
--tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
|
|
@@ -868,9 +884,9 @@
|
|
|
868
884
|
--tui-status-info-pale-hover: var(--tui-const-blue-alpha-24); // Только для веба. Контейнеры информационных блоков при наведении
|
|
869
885
|
--tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); // Контейнеры информационных блоков при нажатии
|
|
870
886
|
--tui-status-neutral: var(--tui-const-cool-gray-lighter-51); // Акцентный цвет для нейтральных фонах
|
|
871
|
-
--tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-
|
|
887
|
+
--tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
|
|
872
888
|
--tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков при наведении
|
|
873
|
-
--tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-
|
|
889
|
+
--tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
|
|
874
890
|
--tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
|
|
875
891
|
--tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
|
|
876
892
|
--tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
|
package/angular/mobile.less
CHANGED
|
@@ -23,12 +23,15 @@
|
|
|
23
23
|
--tui-background-neutral-1-on-base: var(--tui-const-cool-gray-lighter-11); // Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме
|
|
24
24
|
--tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-18); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
|
|
25
25
|
--tui-background-neutral-1-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1
|
|
26
|
-
--tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); //
|
|
27
|
-
--tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); //
|
|
26
|
+
--tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
|
|
27
|
+
--tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
|
|
28
|
+
--tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
|
|
29
|
+
--tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
|
|
28
30
|
--tui-background-neutral-2: var(--tui-const-white-alpha-15); // Прозрачные контейнеры маленьких размеров
|
|
29
31
|
--tui-background-neutral-2-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
|
|
30
32
|
--tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
|
|
31
|
-
--tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); //
|
|
33
|
+
--tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
|
|
34
|
+
--tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
|
|
32
35
|
--tui-background-neutral-3: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
|
|
33
36
|
--tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
|
|
34
37
|
--tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
|
|
@@ -320,7 +323,9 @@
|
|
|
320
323
|
--tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
|
|
321
324
|
--tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
|
|
322
325
|
--tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
|
|
326
|
+
--tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
|
|
323
327
|
--tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
|
|
328
|
+
--tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
|
|
324
329
|
--tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
|
|
325
330
|
--tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
|
|
326
331
|
--tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
|
|
@@ -385,8 +390,8 @@
|
|
|
385
390
|
--tui-status-info-pale: var(--tui-const-blue-darker-28); // Контейнеры информационных блоков
|
|
386
391
|
--tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
|
|
387
392
|
--tui-status-neutral: var(--tui-const-white-alpha-50); // Акцентный цвет для нейтральных фонах
|
|
388
|
-
--tui-status-neutral-pale: var(--tui-const-white-alpha-
|
|
389
|
-
--tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-
|
|
393
|
+
--tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
|
|
394
|
+
--tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
|
|
390
395
|
--tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
|
|
391
396
|
--tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
|
|
392
397
|
--tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
|
|
@@ -461,12 +466,15 @@
|
|
|
461
466
|
--tui-background-neutral-1-on-base: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме
|
|
462
467
|
--tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
|
|
463
468
|
--tui-background-neutral-1-pressed: var(--tui-const-cool-gray-alpha-6); // Нажатое состояние элементов с фоном neutral-1
|
|
464
|
-
--tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); //
|
|
465
|
-
--tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); //
|
|
469
|
+
--tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-pressed
|
|
470
|
+
--tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed
|
|
471
|
+
--tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы
|
|
472
|
+
--tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы
|
|
466
473
|
--tui-background-neutral-2: var(--tui-const-cool-gray-alpha-6); // Прозрачные контейнеры маленьких размеров
|
|
467
474
|
--tui-background-neutral-2-pressed: var(--tui-const-cool-gray-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
|
|
468
475
|
--tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light
|
|
469
|
-
--tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); //
|
|
476
|
+
--tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
|
|
477
|
+
--tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы
|
|
470
478
|
--tui-background-neutral-3: var(--tui-const-cool-gray-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2
|
|
471
479
|
--tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
|
|
472
480
|
--tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2
|
|
@@ -758,7 +766,9 @@
|
|
|
758
766
|
--tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity
|
|
759
767
|
--tui-const-cool-gray-alpha-44: #00102470; // 44% opacity
|
|
760
768
|
--tui-const-cool-gray-alpha-22: #00102438; // 22% opacity
|
|
769
|
+
--tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity
|
|
761
770
|
--tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity
|
|
771
|
+
--tui-const-cool-gray-alpha-8: #00102414; // 8% opacity
|
|
762
772
|
--tui-const-cool-gray-alpha-7: #00102412; // 7% opacity
|
|
763
773
|
--tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity
|
|
764
774
|
--tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity
|
|
@@ -823,8 +833,8 @@
|
|
|
823
833
|
--tui-status-info-pale: var(--tui-const-blue-alpha-16); // Контейнеры информационных блоков
|
|
824
834
|
--tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); // Контейнеры информационных блоков при нажатии
|
|
825
835
|
--tui-status-neutral: var(--tui-const-cool-gray-alpha-44); // Акцентный цвет для нейтральных фонах
|
|
826
|
-
--tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-
|
|
827
|
-
--tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-
|
|
836
|
+
--tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
|
|
837
|
+
--tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
|
|
828
838
|
--tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
|
|
829
839
|
--tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
|
|
830
840
|
--tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
|