@taiga-ui/design-tokens 0.208.0 → 0.210.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 (11) hide show
  1. package/angular/desktop.less +6 -2
  2. package/angular/mobile.less +6 -2
  3. package/package.json +1 -1
  4. package/palette/dark.css +4 -2
  5. package/palette/light.css +2 -0
  6. package/palette/mobile/dark.css +4 -2
  7. package/palette/mobile/light.css +2 -0
  8. package/palette/scss/dark.scss +4 -2
  9. package/palette/scss/light.scss +2 -0
  10. package/palette/scss/mobile/dark.scss +4 -2
  11. package/palette/scss/mobile/light.scss +2 -0
package/angular/desktop.less CHANGED
@@ -199,6 +199,7 @@
199
199
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
200
200
  --tui-const-yellow-darker-32: #806925; // hsL=32
201
201
  --tui-const-yellow-darker-26: #614F23; // hsL=26
202
+ --tui-const-yellow-darker-20: #503C18; // hsL=20
202
203
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
203
204
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
204
205
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -366,6 +367,7 @@
366
367
  --tui-const-black-lighter-22: #383838;
367
368
  --tui-const-black-lighter-25: #414141;
368
369
  --tui-const-black-lighter-30: #4D4D4D;
370
+ --tui-const-black-lighter-32: #525252;
369
371
  --tui-const-black-lighter-60: #999999;
370
372
  --tui-const-black-lighter-79: #C9C9C9;
371
373
  --tui-const-black-lighter-92: #ECECEC;
@@ -568,7 +570,7 @@
568
570
  --tui-background-base-alt: var(--tui-const-black-lighter-13); // Альтернативный основной фон, в тёмной теме в вебе равен base
569
571
  --tui-background-elevation-1: var(--tui-const-black-lighter-16); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
570
572
  --tui-background-elevation-2: var(--tui-const-black-lighter-20); // Фон карточек, лежащих на фоне elevation-1
571
- --tui-background-elevation-3: var(--tui-const-black-lighter-22); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
573
+ --tui-background-elevation-3: var(--tui-const-black-lighter-32); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
572
574
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д.
573
575
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); // Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы
574
576
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы
@@ -763,6 +765,7 @@
763
765
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
764
766
  --tui-const-yellow-darker-32: #806925; // hsL=32
765
767
  --tui-const-yellow-darker-26: #614F23; // hsL=26
768
+ --tui-const-yellow-darker-20: #503C18; // hsL=20
766
769
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
767
770
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
768
771
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -930,6 +933,7 @@
930
933
  --tui-const-black-lighter-22: #383838;
931
934
  --tui-const-black-lighter-25: #414141;
932
935
  --tui-const-black-lighter-30: #4D4D4D;
936
+ --tui-const-black-lighter-32: #525252;
933
937
  --tui-const-black-lighter-60: #999999;
934
938
  --tui-const-black-lighter-79: #C9C9C9;
935
939
  --tui-const-black-lighter-92: #ECECEC;
@@ -1023,7 +1027,7 @@
1023
1027
  --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом
1024
1028
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
1025
1029
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
1026
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
1030
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); // Контейнеры предупреждающих блоков
1027
1031
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); // Только для веба. Контейнеры предупреждающих блоков при наведении
1028
1032
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
1029
1033
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
package/angular/mobile.less CHANGED
@@ -9,7 +9,7 @@
9
9
  --tui-background-base-alt: var(--tui-const-black-lighter-20); // Альтернативный основной фон, в тёмной теме в вебе равен base
10
10
  --tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); // Фон шторок, модальных экранов и карточек, лежащих на фоне base
11
11
  --tui-background-elevation-2: var(--tui-const-cool-gray-lighter-18); // Фон карточек, лежащих на фоне elevation-1
12
- --tui-background-elevation-3: var(--tui-const-black-lighter-20); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
12
+ --tui-background-elevation-3: var(--tui-const-black-lighter-30); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок
13
13
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д.
14
14
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); // Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы
15
15
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы
@@ -179,6 +179,7 @@
179
179
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
180
180
  --tui-const-yellow-darker-32: #806925; // hsL=32
181
181
  --tui-const-yellow-darker-26: #614F23; // hsL=26
182
+ --tui-const-yellow-darker-20: #503C18; // hsL=20
182
183
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
183
184
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
184
185
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -346,6 +347,7 @@
346
347
  --tui-const-black-lighter-22: #383838;
347
348
  --tui-const-black-lighter-25: #414141;
348
349
  --tui-const-black-lighter-30: #4D4D4D;
350
+ --tui-const-black-lighter-32: #525252;
349
351
  --tui-const-black-lighter-60: #999999;
350
352
  --tui-const-black-lighter-79: #C9C9C9;
351
353
  --tui-const-black-lighter-92: #ECECEC;
@@ -437,7 +439,7 @@
437
439
  --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом
438
440
  --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом
439
441
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом
440
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); // Контейнеры предупреждающих блоков
442
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); // Контейнеры предупреждающих блоков
441
443
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); // Нажатое состояние контейнера предупреждающих блоков
442
444
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах
443
445
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах
@@ -702,6 +704,7 @@
702
704
  --tui-const-yellow-darker-38: #BF8003; // hsL=38
703
705
  --tui-const-yellow-darker-32: #806925; // hsL=32
704
706
  --tui-const-yellow-darker-26: #614F23; // hsL=26
707
+ --tui-const-yellow-darker-20: #503C18; // hsL=20
705
708
  --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity
706
709
  --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity
707
710
  --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity
@@ -869,6 +872,7 @@
869
872
  --tui-const-black-lighter-22: #383838;
870
873
  --tui-const-black-lighter-25: #414141;
871
874
  --tui-const-black-lighter-30: #4D4D4D;
875
+ --tui-const-black-lighter-32: #525252;
872
876
  --tui-const-black-lighter-60: #999999;
873
877
  --tui-const-black-lighter-79: #C9C9C9;
874
878
  --tui-const-black-lighter-92: #ECECEC;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.208.0",
3
+ "version": "0.210.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --tui-background-base-alt: var(--tui-const-black-lighter-13); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-black-lighter-16); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-black-lighter-20); /* Фон карточек, лежащих на фоне elevation-1 */
6
- --tui-background-elevation-3: var(--tui-const-black-lighter-22); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
6
+ --tui-background-elevation-3: var(--tui-const-black-lighter-32); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
7
7
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д. */
8
8
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); /* Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы */
9
9
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы */
@@ -198,6 +198,7 @@
198
198
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
199
199
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
200
200
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
201
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
201
202
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
202
203
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
203
204
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -365,6 +366,7 @@
365
366
  --tui-const-black-lighter-22: #383838;
366
367
  --tui-const-black-lighter-25: #414141;
367
368
  --tui-const-black-lighter-30: #4D4D4D;
369
+ --tui-const-black-lighter-32: #525252;
368
370
  --tui-const-black-lighter-60: #999999;
369
371
  --tui-const-black-lighter-79: #C9C9C9;
370
372
  --tui-const-black-lighter-92: #ECECEC;
@@ -458,7 +460,7 @@
458
460
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
459
461
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
460
462
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
461
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
463
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); /* Контейнеры предупреждающих блоков */
462
464
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
463
465
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
464
466
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
package/palette/light.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
199
199
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
200
200
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
201
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
201
202
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
202
203
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
203
204
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -365,6 +366,7 @@
365
366
  --tui-const-black-lighter-22: #383838;
366
367
  --tui-const-black-lighter-25: #414141;
367
368
  --tui-const-black-lighter-30: #4D4D4D;
369
+ --tui-const-black-lighter-32: #525252;
368
370
  --tui-const-black-lighter-60: #999999;
369
371
  --tui-const-black-lighter-79: #C9C9C9;
370
372
  --tui-const-black-lighter-92: #ECECEC;
package/palette/mobile/dark.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --tui-background-base-alt: var(--tui-const-black-lighter-20); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-cool-gray-lighter-18); /* Фон карточек, лежащих на фоне elevation-1 */
6
- --tui-background-elevation-3: var(--tui-const-black-lighter-20); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
6
+ --tui-background-elevation-3: var(--tui-const-black-lighter-30); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
7
7
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д. */
8
8
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); /* Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы */
9
9
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы */
@@ -173,6 +173,7 @@
173
173
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
174
174
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
175
175
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
176
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
176
177
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
177
178
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
178
179
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -340,6 +341,7 @@
340
341
  --tui-const-black-lighter-22: #383838;
341
342
  --tui-const-black-lighter-25: #414141;
342
343
  --tui-const-black-lighter-30: #4D4D4D;
344
+ --tui-const-black-lighter-32: #525252;
343
345
  --tui-const-black-lighter-60: #999999;
344
346
  --tui-const-black-lighter-79: #C9C9C9;
345
347
  --tui-const-black-lighter-92: #ECECEC;
@@ -431,7 +433,7 @@
431
433
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
432
434
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
433
435
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
434
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
436
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); /* Контейнеры предупреждающих блоков */
435
437
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
436
438
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
437
439
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
package/palette/mobile/light.css CHANGED
@@ -173,6 +173,7 @@
173
173
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
174
174
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
175
175
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
176
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
176
177
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
177
178
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
178
179
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -340,6 +341,7 @@
340
341
  --tui-const-black-lighter-22: #383838;
341
342
  --tui-const-black-lighter-25: #414141;
342
343
  --tui-const-black-lighter-30: #4D4D4D;
344
+ --tui-const-black-lighter-32: #525252;
343
345
  --tui-const-black-lighter-60: #999999;
344
346
  --tui-const-black-lighter-79: #C9C9C9;
345
347
  --tui-const-black-lighter-92: #ECECEC;
package/palette/scss/dark.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  --tui-background-base-alt: var(--tui-const-black-lighter-13); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-black-lighter-16); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-black-lighter-20); /* Фон карточек, лежащих на фоне elevation-1 */
6
- --tui-background-elevation-3: var(--tui-const-black-lighter-22); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
6
+ --tui-background-elevation-3: var(--tui-const-black-lighter-32); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
7
7
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д. */
8
8
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); /* Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы */
9
9
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы */
@@ -198,6 +198,7 @@
198
198
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
199
199
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
200
200
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
201
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
201
202
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
202
203
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
203
204
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -365,6 +366,7 @@
365
366
  --tui-const-black-lighter-22: #383838;
366
367
  --tui-const-black-lighter-25: #414141;
367
368
  --tui-const-black-lighter-30: #4D4D4D;
369
+ --tui-const-black-lighter-32: #525252;
368
370
  --tui-const-black-lighter-60: #999999;
369
371
  --tui-const-black-lighter-79: #C9C9C9;
370
372
  --tui-const-black-lighter-92: #ECECEC;
@@ -458,7 +460,7 @@
458
460
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
459
461
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
460
462
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
461
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
463
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); /* Контейнеры предупреждающих блоков */
462
464
  --tui-status-warning-pale-hover: var(--tui-const-yellow-darker-32); /* Только для веба. Контейнеры предупреждающих блоков при наведении */
463
465
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
464
466
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
package/palette/scss/light.scss CHANGED
@@ -198,6 +198,7 @@
198
198
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
199
199
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
200
200
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
201
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
201
202
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
202
203
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
203
204
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -365,6 +366,7 @@
365
366
  --tui-const-black-lighter-22: #383838;
366
367
  --tui-const-black-lighter-25: #414141;
367
368
  --tui-const-black-lighter-30: #4D4D4D;
369
+ --tui-const-black-lighter-32: #525252;
368
370
  --tui-const-black-lighter-60: #999999;
369
371
  --tui-const-black-lighter-79: #C9C9C9;
370
372
  --tui-const-black-lighter-92: #ECECEC;
package/palette/scss/mobile/dark.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  --tui-background-base-alt: var(--tui-const-black-lighter-20); /* Альтернативный основной фон, в тёмной теме в вебе равен base */
4
4
  --tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); /* Фон шторок, модальных экранов и карточек, лежащих на фоне base */
5
5
  --tui-background-elevation-2: var(--tui-const-cool-gray-lighter-18); /* Фон карточек, лежащих на фоне elevation-1 */
6
- --tui-background-elevation-3: var(--tui-const-black-lighter-20); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
6
+ --tui-background-elevation-3: var(--tui-const-black-lighter-30); /* Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок */
7
7
  --tui-background-neutral-1: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д. */
8
8
  --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); /* Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы */
9
9
  --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); /* Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы */
@@ -173,6 +173,7 @@
173
173
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
174
174
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
175
175
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
176
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
176
177
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
177
178
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
178
179
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -340,6 +341,7 @@
340
341
  --tui-const-black-lighter-22: #383838;
341
342
  --tui-const-black-lighter-25: #414141;
342
343
  --tui-const-black-lighter-30: #4D4D4D;
344
+ --tui-const-black-lighter-32: #525252;
343
345
  --tui-const-black-lighter-60: #999999;
344
346
  --tui-const-black-lighter-79: #C9C9C9;
345
347
  --tui-const-black-lighter-92: #ECECEC;
@@ -431,7 +433,7 @@
431
433
  --tui-service-link-visited: var(--tui-const-purple); /* Цвет для ссылок, открывшихся в прошлом */
432
434
  --tui-service-link-on-dark-visited: var(--tui-const-purple); /* Цвет для ссылок на тёмных фонах, открывшихся в прошлом */
433
435
  --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); /* Цвет для ссылок на светлых фонах, открывшихся в прошлом */
434
- --tui-status-warning-pale: var(--tui-const-yellow-darker-26); /* Контейнеры предупреждающих блоков */
436
+ --tui-status-warning-pale: var(--tui-const-yellow-darker-20); /* Контейнеры предупреждающих блоков */
435
437
  --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-32); /* Нажатое состояние контейнера предупреждающих блоков */
436
438
  --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); /* Контейнеры предупреждающих блоков на тёмных фонах */
437
439
  --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); /* Контейнеры предупреждающих блоков на тёмных фонах */
package/palette/scss/mobile/light.scss CHANGED
@@ -173,6 +173,7 @@
173
173
  --tui-const-yellow-darker-38: #BF8003; /* hsL=38 */
174
174
  --tui-const-yellow-darker-32: #806925; /* hsL=32 */
175
175
  --tui-const-yellow-darker-26: #614F23; /* hsL=26 */
176
+ --tui-const-yellow-darker-20: #503C18; /* hsL=20 */
176
177
  --tui-const-yellow-alpha-14: #FFDD2D24; /* 14% opacity */
177
178
  --tui-const-yellow-alpha-24: #FFDD2D3D; /* 24% opacity */
178
179
  --tui-const-yellow-alpha-28: #FFDD2D47; /* 28% opacity */
@@ -340,6 +341,7 @@
340
341
  --tui-const-black-lighter-22: #383838;
341
342
  --tui-const-black-lighter-25: #414141;
342
343
  --tui-const-black-lighter-30: #4D4D4D;
344
+ --tui-const-black-lighter-32: #525252;
343
345
  --tui-const-black-lighter-60: #999999;
344
346
  --tui-const-black-lighter-79: #C9C9C9;
345
347
  --tui-const-black-lighter-92: #ECECEC;