@vkontakte/vkui-tokens 4.86.0 → 4.87.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 (82) hide show
  1. package/build/compilers/cssVars/declarations/compileBreakpointsCssVarsDeclaration.d.ts +1 -2
  2. package/build/compilers/cssVars/declarations/compileBreakpointsCssVarsDeclaration.js +1 -2
  3. package/build/compilers/cssVars/helpers/accumulateValues.js +1 -2
  4. package/build/compilers/index.d.ts +1 -4
  5. package/build/compilers/index.js +2 -5
  6. package/build/compilers/styles/compileStyles.js +1 -2
  7. package/build/compilers/styles/helpers/tokenProcessors.d.ts +0 -1
  8. package/build/compilers/styles/helpers/tokenProcessors.js +2 -4
  9. package/build/themeProcessors/extractCssVarsStrict/extractCssVarsStrict.js +1 -3
  10. package/build/themeProcessors/extractVarsNames/extractVarsNames.js +0 -1
  11. package/interfaces/general/colors/index.d.ts +3 -4
  12. package/interfaces/general/index.d.ts +1 -2
  13. package/interfaces/general/tools/utils.d.ts +1 -2
  14. package/interfaces/themes/workSpaceChats/index.d.ts +155 -0
  15. package/interfaces/themes/workSpaceChats/index.js +1 -0
  16. package/interfaces/themes/workSpaceChatsDark/index.d.ts +7 -0
  17. package/interfaces/themes/workSpaceChatsDark/index.js +1 -0
  18. package/package.json +26 -51
  19. package/themeDescriptions/base/vk.d.ts +0 -1
  20. package/themeDescriptions/base/vk.js +1 -2
  21. package/themes/workSpaceChats/cssVars/declarations/index.css +1817 -0
  22. package/themes/workSpaceChats/cssVars/declarations/noColors.css +715 -0
  23. package/themes/workSpaceChats/cssVars/declarations/noSizes.css +564 -0
  24. package/themes/workSpaceChats/cssVars/declarations/onlyAdaptiveGroups.css +164 -0
  25. package/themes/workSpaceChats/cssVars/declarations/onlyColors.css +518 -0
  26. package/themes/workSpaceChats/cssVars/declarations/onlyColors.d.ts +3 -0
  27. package/themes/workSpaceChats/cssVars/declarations/onlyColors.js +1 -0
  28. package/themes/workSpaceChats/cssVars/declarations/onlyMedia.css +420 -0
  29. package/themes/workSpaceChats/cssVars/declarations/onlyVariables.css +865 -0
  30. package/themes/workSpaceChats/cssVars/declarations/onlyVariables.d.ts +3 -0
  31. package/themes/workSpaceChats/cssVars/declarations/onlyVariables.js +1 -0
  32. package/themes/workSpaceChats/cssVars/declarations/onlyVariablesLocal.css +865 -0
  33. package/themes/workSpaceChats/cssVars/declarations/onlyVariablesLocalIncremental.css +865 -0
  34. package/themes/workSpaceChats/cssVars/theme/fallbacks/index.css +1232 -0
  35. package/themes/workSpaceChats/cssVars/theme/fallbacks/index.less +963 -0
  36. package/themes/workSpaceChats/cssVars/theme/fallbacks/index.pcss +956 -0
  37. package/themes/workSpaceChats/cssVars/theme/fallbacks/index.scss +1235 -0
  38. package/themes/workSpaceChats/cssVars/theme/fallbacks/index.styl +963 -0
  39. package/themes/workSpaceChats/cssVars/theme/index.d.ts +4 -0
  40. package/themes/workSpaceChats/cssVars/theme/index.js +1 -0
  41. package/themes/workSpaceChats/cssVars/theme/index.json +5179 -0
  42. package/themes/workSpaceChats/docs.json +4648 -0
  43. package/themes/workSpaceChats/index.css +1232 -0
  44. package/themes/workSpaceChats/index.d.ts +4 -0
  45. package/themes/workSpaceChats/index.js +1 -0
  46. package/themes/workSpaceChats/index.json +1590 -0
  47. package/themes/workSpaceChats/index.less +963 -0
  48. package/themes/workSpaceChats/index.pcss +956 -0
  49. package/themes/workSpaceChats/index.scss +1235 -0
  50. package/themes/workSpaceChats/index.styl +963 -0
  51. package/themes/workSpaceChats/struct.json +1742 -0
  52. package/themes/workSpaceChatsDark/cssVars/declarations/index.css +1817 -0
  53. package/themes/workSpaceChatsDark/cssVars/declarations/noColors.css +715 -0
  54. package/themes/workSpaceChatsDark/cssVars/declarations/noSizes.css +564 -0
  55. package/themes/workSpaceChatsDark/cssVars/declarations/onlyAdaptiveGroups.css +164 -0
  56. package/themes/workSpaceChatsDark/cssVars/declarations/onlyColors.css +518 -0
  57. package/themes/workSpaceChatsDark/cssVars/declarations/onlyColors.d.ts +3 -0
  58. package/themes/workSpaceChatsDark/cssVars/declarations/onlyColors.js +1 -0
  59. package/themes/workSpaceChatsDark/cssVars/declarations/onlyMedia.css +420 -0
  60. package/themes/workSpaceChatsDark/cssVars/declarations/onlyVariables.css +865 -0
  61. package/themes/workSpaceChatsDark/cssVars/declarations/onlyVariables.d.ts +3 -0
  62. package/themes/workSpaceChatsDark/cssVars/declarations/onlyVariables.js +1 -0
  63. package/themes/workSpaceChatsDark/cssVars/declarations/onlyVariablesLocal.css +865 -0
  64. package/themes/workSpaceChatsDark/cssVars/declarations/onlyVariablesLocalIncremental.css +865 -0
  65. package/themes/workSpaceChatsDark/cssVars/theme/fallbacks/index.css +1232 -0
  66. package/themes/workSpaceChatsDark/cssVars/theme/fallbacks/index.less +963 -0
  67. package/themes/workSpaceChatsDark/cssVars/theme/fallbacks/index.pcss +956 -0
  68. package/themes/workSpaceChatsDark/cssVars/theme/fallbacks/index.scss +1235 -0
  69. package/themes/workSpaceChatsDark/cssVars/theme/fallbacks/index.styl +963 -0
  70. package/themes/workSpaceChatsDark/cssVars/theme/index.d.ts +4 -0
  71. package/themes/workSpaceChatsDark/cssVars/theme/index.js +1 -0
  72. package/themes/workSpaceChatsDark/cssVars/theme/index.json +5179 -0
  73. package/themes/workSpaceChatsDark/docs.json +4648 -0
  74. package/themes/workSpaceChatsDark/index.css +1232 -0
  75. package/themes/workSpaceChatsDark/index.d.ts +4 -0
  76. package/themes/workSpaceChatsDark/index.js +1 -0
  77. package/themes/workSpaceChatsDark/index.json +1590 -0
  78. package/themes/workSpaceChatsDark/index.less +963 -0
  79. package/themes/workSpaceChatsDark/index.pcss +956 -0
  80. package/themes/workSpaceChatsDark/index.scss +1235 -0
  81. package/themes/workSpaceChatsDark/index.styl +963 -0
  82. package/themes/workSpaceChatsDark/struct.json +1742 -0
@@ -0,0 +1,865 @@
1
+ :root {
2
+ --vkui--theme_name: 'workSpaceChats';
3
+ --vkui--font_family_fallbacks: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
4
+ --vkui--font_family_accent: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
5
+ --vkui--font_family_base: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
6
+ --vkui--font_weight_accent1: 500;
7
+ --vkui--font_weight_accent2: 500;
8
+ --vkui--font_weight_accent3: 400;
9
+ --vkui--font_weight_base1: 700;
10
+ --vkui--font_weight_base2: 700;
11
+ --vkui--font_weight_base3: 400;
12
+ --vkui--font_display_title1--font_size--regular: 23px;
13
+ --vkui--font_display_title1--line_height--regular: 28px;
14
+ --vkui--font_display_title1--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
15
+ --vkui--font_display_title1--font_weight--regular: 500;
16
+ --vkui--font_display_title2--font_size--regular: 21px;
17
+ --vkui--font_display_title2--line_height--regular: 26px;
18
+ --vkui--font_display_title2--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
19
+ --vkui--font_display_title2--font_weight--regular: 500;
20
+ --vkui--font_display_title2--font_size--compact: 22px;
21
+ --vkui--font_display_title2--line_height--compact: 22px;
22
+ --vkui--font_display_title2--font_family--compact: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
23
+ --vkui--font_display_title2--font_weight--compact: 500;
24
+ --vkui--font_display_title3--font_size--regular: 19px;
25
+ --vkui--font_display_title3--line_height--regular: 24px;
26
+ --vkui--font_display_title3--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
27
+ --vkui--font_display_title3--font_weight--regular: 500;
28
+ --vkui--font_display_title4--font_size--regular: 17px;
29
+ --vkui--font_display_title4--line_height--regular: 24px;
30
+ --vkui--font_display_title4--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
31
+ --vkui--font_display_title4--font_weight--regular: 500;
32
+ --vkui--font_title1--font_size--regular: 24px;
33
+ --vkui--font_title1--line_height--regular: 28px;
34
+ --vkui--font_title1--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
35
+ --vkui--font_title1--font_weight--regular: 500;
36
+ --vkui--font_title2--font_size--regular: 20px;
37
+ --vkui--font_title2--line_height--regular: 26px;
38
+ --vkui--font_title2--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
39
+ --vkui--font_title2--font_weight--regular: 500;
40
+ --vkui--font_title3--font_size--regular: 17px;
41
+ --vkui--font_title3--line_height--regular: 22px;
42
+ --vkui--font_title3--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
43
+ --vkui--font_title3--font_weight--regular: 500;
44
+ --vkui--font_headline1--font_size--regular: 16px;
45
+ --vkui--font_headline1--line_height--regular: 20px;
46
+ --vkui--font_headline1--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
47
+ --vkui--font_headline1--font_weight--regular: 500;
48
+ --vkui--font_headline1--font_size--compact: 15px;
49
+ --vkui--font_headline1--line_height--compact: 20px;
50
+ --vkui--font_headline2--font_size--regular: 15px;
51
+ --vkui--font_headline2--line_height--regular: 20px;
52
+ --vkui--font_headline2--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
53
+ --vkui--font_headline2--font_weight--regular: 500;
54
+ --vkui--font_headline2--font_size--compact: 14px;
55
+ --vkui--font_headline2--line_height--compact: 20px;
56
+ --vkui--font_text--font_size--regular: 16px;
57
+ --vkui--font_text--line_height--regular: 20px;
58
+ --vkui--font_text--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
59
+ --vkui--font_text--font_weight--regular: 400;
60
+ --vkui--font_text--font_size--compact: 15px;
61
+ --vkui--font_text--line_height--compact: 20px;
62
+ --vkui--font_paragraph--font_size--regular: 15px;
63
+ --vkui--font_paragraph--line_height--regular: 20px;
64
+ --vkui--font_paragraph--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
65
+ --vkui--font_paragraph--font_weight--regular: 400;
66
+ --vkui--font_subhead--font_size--regular: 14px;
67
+ --vkui--font_subhead--line_height--regular: 18px;
68
+ --vkui--font_subhead--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
69
+ --vkui--font_subhead--font_weight--regular: 400;
70
+ --vkui--font_subhead--font_size--compact: 13px;
71
+ --vkui--font_subhead--line_height--compact: 18px;
72
+ --vkui--font_footnote--font_size--regular: 13px;
73
+ --vkui--font_footnote--line_height--regular: 18px;
74
+ --vkui--font_footnote--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
75
+ --vkui--font_footnote--font_weight--regular: 400;
76
+ --vkui--font_footnote_caps--font_size--regular: 13px;
77
+ --vkui--font_footnote_caps--line_height--regular: 18px;
78
+ --vkui--font_footnote_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
79
+ --vkui--font_footnote_caps--font_weight--regular: 400;
80
+ --vkui--font_footnote_caps--text_transform--regular: uppercase;
81
+ --vkui--font_footnote_caps--letter_spacing--regular: 0.3px;
82
+ --vkui--font_caption1--font_size--regular: 12px;
83
+ --vkui--font_caption1--line_height--regular: 16px;
84
+ --vkui--font_caption1--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
85
+ --vkui--font_caption1--font_weight--regular: 400;
86
+ --vkui--font_caption1_caps--font_size--regular: 12px;
87
+ --vkui--font_caption1_caps--line_height--regular: 16px;
88
+ --vkui--font_caption1_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
89
+ --vkui--font_caption1_caps--font_weight--regular: 400;
90
+ --vkui--font_caption1_caps--text_transform--regular: uppercase;
91
+ --vkui--font_caption1_caps--letter_spacing--regular: 0.26px;
92
+ --vkui--font_caption2--font_size--regular: 11px;
93
+ --vkui--font_caption2--line_height--regular: 14px;
94
+ --vkui--font_caption2--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
95
+ --vkui--font_caption2--font_weight--regular: 400;
96
+ --vkui--font_caption2_caps--font_size--regular: 11px;
97
+ --vkui--font_caption2_caps--line_height--regular: 14px;
98
+ --vkui--font_caption2_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
99
+ --vkui--font_caption2_caps--font_weight--regular: 400;
100
+ --vkui--font_caption2_caps--text_transform--regular: uppercase;
101
+ --vkui--font_caption2_caps--letter_spacing--regular: 0.22px;
102
+ --vkui--font_caption3--font_size--regular: 9px;
103
+ --vkui--font_caption3--line_height--regular: 12px;
104
+ --vkui--font_caption3--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
105
+ --vkui--font_caption3--font_weight--regular: 400;
106
+ --vkui--font_caption3_caps--font_size--regular: 9px;
107
+ --vkui--font_caption3_caps--line_height--regular: 12px;
108
+ --vkui--font_caption3_caps--font_family--regular: apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
109
+ --vkui--font_caption3_caps--font_weight--regular: 400;
110
+ --vkui--font_caption3_caps--text_transform--regular: uppercase;
111
+ --vkui--font_caption3_caps--letter_spacing--regular: 0.16px;
112
+ --vkui--size_select_icon_padding--regular: 7px;
113
+ --vkui--size_select_icon_padding--compact: 6px;
114
+ --vkui--size_popup_base_padding--regular: 20px;
115
+ --vkui--size_popup_base_padding--compact: 32px;
116
+ --vkui--size_popup_header_padding--regular: 16px;
117
+ --vkui--size_popup_header_padding--compact: 24px;
118
+ --vkui--size_border_radius--regular: 8px;
119
+ --vkui--size_border_radius_rounded--regular: 48px;
120
+ --vkui--size_check_border_radius--regular: 4px;
121
+ --vkui--size_border_radius_paper--regular: 12px;
122
+ --vkui--size_border_radius_promo--regular: 20px;
123
+ --vkui--size_cell_height--regular: 48px;
124
+ --vkui--size_cell_height--compact: 44px;
125
+ --vkui--size_field_height--regular: 44px;
126
+ --vkui--size_field_height--compact: 36px;
127
+ --vkui--size_search_height--regular: 36px;
128
+ --vkui--size_search_height--compact: 32px;
129
+ --vkui--size_button_extra_small_height--regular: 24px;
130
+ --vkui--size_button_extra_small_height--compact: 22px;
131
+ --vkui--size_button_small_height--regular: 30px;
132
+ --vkui--size_button_small_height--compact: 28px;
133
+ --vkui--size_button_medium_height--regular: 36px;
134
+ --vkui--size_button_medium_height--compact: 32px;
135
+ --vkui--size_button_large_height--regular: 44px;
136
+ --vkui--size_button_large_height--compact: 36px;
137
+ --vkui--size_checkbox--regular: 16px;
138
+ --vkui--size_arrow--regular: 8px;
139
+ --vkui--size_arrow_promo--regular: 40px;
140
+ --vkui--size_popup_small--regular: 430px;
141
+ --vkui--size_popup_medium--regular: 680px;
142
+ --vkui--size_popup_large--regular: 880px;
143
+ --vkui--size_field_horizontal_padding--regular: 12px;
144
+ --vkui--size_button_padding_horizontal--regular: 20px;
145
+ --vkui--size_button_padding_horizontal--compact: 16px;
146
+ --vkui--size_label_horizontal_margin--regular: 16px;
147
+ --vkui--size_arrow_padding--regular: 12px;
148
+ --vkui--size_tooltip_margin--regular: 8px;
149
+ --vkui--size_icon_u_i--regular: 16px;
150
+ --vkui--size_avatar_x_s--regular: 24px;
151
+ --vkui--size_avatar_s--regular: 32px;
152
+ --vkui--size_avatar_m--regular: 48px;
153
+ --vkui--size_avatar_l--regular: 96px;
154
+ --vkui--size_avatar_x_l--regular: 128px;
155
+ --vkui--size_badge_x_s--regular: 12px;
156
+ --vkui--size_badge_s--regular: 16px;
157
+ --vkui--size_badge_m--regular: 24px;
158
+ --vkui--size_badge_l--regular: 44px;
159
+ --vkui--size_badge_x_l--regular: 56px;
160
+ --vkui--size_cardgrid_padding--regular: 12px;
161
+ --vkui--size_card_border_radius--regular: 16px;
162
+ --vkui--size_cardgrid_padding_vertical--regular: 8px;
163
+ --vkui--size_base_padding_horizontal--regular: 16px;
164
+ --vkui--size_base_padding_vertical--regular: 12px;
165
+ --vkui--size_button_group_gap_space--regular: 1px;
166
+ --vkui--size_button_group_gap_small--regular: 8px;
167
+ --vkui--size_button_group_gap_medium--regular: 12px;
168
+ --vkui--size_option_hierarchy--regular: 32px;
169
+ --vkui--size_switch_height--regular: 14px;
170
+ --vkui--size_switch_height--compact: 12px;
171
+ --vkui--size_switch_width--regular: 34px;
172
+ --vkui--size_switch_width--compact: 32px;
173
+ --vkui--size_switch_pin--regular: 20px;
174
+ --vkui--size_switch_pin--compact: 18px;
175
+ --vkui--size_panel_header_height--compact: 48px;
176
+ --vkui--size_panel_header_height--regular: 56px;
177
+ --vkui--size_button_base_small_padding_horizontal--regular: 16px;
178
+ --vkui--size_button_base_medium_padding_horizontal--regular: 16px;
179
+ --vkui--size_button_base_large_padding_horizontal--regular: 20px;
180
+ --vkui--size_button_base_small_padding_horizontal_icon--regular: 12px;
181
+ --vkui--size_button_base_medium_padding_horizontal_icon--regular: 12px;
182
+ --vkui--size_button_base_large_padding_horizontal_icon--regular: 16px;
183
+ --vkui--size_button_tertiary_small_padding_horizontal--regular: 12px;
184
+ --vkui--size_button_tertiary_medium_padding_horizontal--regular: 12px;
185
+ --vkui--size_button_tertiary_large_padding_horizontal--regular: 16px;
186
+ --vkui--size_button_tertiary_small_padding_horizontal_icon--regular: 8px;
187
+ --vkui--size_button_tertiary_medium_padding_horizontal_icon--regular: 8px;
188
+ --vkui--size_button_tertiary_large_padding_horizontal_icon--regular: 12px;
189
+ --vkui--size_button_minimum_width--regular: 80px;
190
+ --vkui--size_form_item_padding_vertical--regular: 12px;
191
+ --vkui--size_split_col_padding_horizontal--regular: 16px;
192
+ --vkui--size_subnavigation_bar_gap--regular: 8px;
193
+ --vkui--size_subnavigation_bar_padding_vertical--regular: 12px;
194
+ --vkui--size_border1x--regular: 1px;
195
+ --vkui--size_border2x--regular: 0.5px;
196
+ --vkui--size_border3x--regular: 0.33px;
197
+ --vkui--spacing_size_3xs: 2px;
198
+ --vkui--spacing_size_2xs: 2px;
199
+ --vkui--spacing_size_xs: 4px;
200
+ --vkui--spacing_size_s: 6px;
201
+ --vkui--spacing_size_m: 8px;
202
+ --vkui--spacing_size_l: 10px;
203
+ --vkui--spacing_size_xl: 12px;
204
+ --vkui--spacing_size_2xl: 16px;
205
+ --vkui--spacing_size_3xl: 20px;
206
+ --vkui--spacing_size_4xl: 24px;
207
+ --vkui--spacing_size_5xl: 32px;
208
+ --vkui--spacing_size_6xl: 40px;
209
+ --vkui--elevation1: 0 2px 6px 0 rgba(0, 16, 61, 0.08), 0 1px 2px 0 rgba(0, 16, 61, 0.08);
210
+ --vkui--elevation1_invert_y: 0 -2px 6px 0 rgba(0, 16, 61, 0.08), 0 -1px 2px 0 rgba(0, 16, 61, 0.08);
211
+ --vkui--elevation2: 0 0 2px 0 rgba(0, 16, 61, 0.06), 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06);
212
+ --vkui--elevation3: 0 0 6px 0 rgba(0, 16, 61, 0.06), 0 6px 12px 0 rgba(0, 16, 61, 0.06), 0 6px 20px 0 rgba(0, 16, 61, 0.06), 0 10px 36px 0 rgba(0, 16, 61, 0.08);
213
+ --vkui--elevation4: 0 2px 6px 0 rgba(0, 16, 61, 0.06), 0 16px 48px 0 rgba(0, 16, 61, 0.08), 0 24px 68px 0 rgba(0, 16, 61, 0.16);
214
+ --vkui--gradient_black: rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.08) 30%, rgba(0, 0, 0, 0.32) 70%, rgba(0, 0, 0, 0.38) 85%, rgba(0, 0, 0, 0.4) 100%;
215
+ --vkui--gradient_white: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
216
+ --vkui--gradient_tint: rgba(246, 247, 248, 0) 0%, rgba(246, 247, 248, 0.05) 15%, rgba(246, 247, 248, 0.2) 30%, rgba(246, 247, 248, 0.8) 70%, rgba(246, 247, 248, 0.95) 85%, rgba(246, 247, 248, 1) 100%;
217
+ --vkui--gradient: rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0.95) 85%, rgba(255, 255, 255, 1) 100%;
218
+ --vkui--animation_duration_l: 0.4s;
219
+ --vkui--animation_duration_m: 0.2s;
220
+ --vkui--animation_duration_s: 0.1s;
221
+ --vkui--animation_easing_default: cubic-bezier(0.3, 0.3, 0.5, 1);
222
+ --vkui--animation_easing_platform: cubic-bezier(0.3, 0.3, 0.5, 1);
223
+ --vkui--opacity_disable: 0.48;
224
+ --vkui--opacity_disable_accessibility: 0.64;
225
+ --vkui--opacity_active: 0.72;
226
+ --vkui--blur_s: 8px;
227
+ --vkui--blur_m: 16px;
228
+ --vkui--blur_l: 48px;
229
+ --vkui--blur_x_l: 96px;
230
+ --vkui--z_index_modal: 99;
231
+ --vkui--z_index_popout: 100;
232
+ --vkui--x0: 0px;
233
+ --vkui--x025: 1px;
234
+ --vkui--x05: 2px;
235
+ --vkui--x1: 4px;
236
+ --vkui--x2: 8px;
237
+ --vkui--x3: 12px;
238
+ --vkui--x4: 16px;
239
+ --vkui--x5: 20px;
240
+ --vkui--x6: 24px;
241
+ --vkui--x8: 32px;
242
+ --vkui--x10: 40px;
243
+ --vkui--x12: 48px;
244
+ --vkui--x15: 60px;
245
+ --vkui--x20: 80px;
246
+ --vkui--size_base: 4px;
247
+ --vkui--size_grid: 20px;
248
+ --vkui--font_h0--font_size--regular: 28px;
249
+ --vkui--font_h0--line_height--regular: 32px;
250
+ --vkui--font_h0--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
251
+ --vkui--font_h0--font_weight--regular: 500;
252
+ --vkui--font_h0--font_size--compact: 44px;
253
+ --vkui--font_h0--line_height--compact: 52px;
254
+ --vkui--font_h1--font_size--regular: 24px;
255
+ --vkui--font_h1--line_height--regular: 28px;
256
+ --vkui--font_h1--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
257
+ --vkui--font_h1--font_weight--regular: 500;
258
+ --vkui--font_h1--font_size--compact: 32px;
259
+ --vkui--font_h1--line_height--compact: 36px;
260
+ --vkui--font_h2--font_size--regular: 20px;
261
+ --vkui--font_h2--line_height--regular: 26px;
262
+ --vkui--font_h2--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
263
+ --vkui--font_h2--font_weight--regular: 500;
264
+ --vkui--font_h2--font_size--compact: 28px;
265
+ --vkui--font_h2--line_height--compact: 32px;
266
+ --vkui--size_arrow_height--regular: 8px;
267
+ --vkui--size_arrow_width--regular: 12px;
268
+ --vkui--size_base_padding--regular: 16px;
269
+ --vkui--size_base_padding--compact: 20px;
270
+ --vkui--size_border_width_tab--regular: 2px;
271
+ --vkui--size_border_width_bar--regular: 4px;
272
+ --vkui--size_border_width_accent--regular: 8px;
273
+ --vkui--size_border_width_accent_secondary--regular: 8px;
274
+ --vkui--size_control_button_width_min--regular: 130px;
275
+ --vkui--size_control_button_width_min--compact: 104px;
276
+ --vkui--size_promo_button_close--regular: 32px;
277
+ --vkui--size_button_slider_height--regular: 24px;
278
+ --vkui--size_button_slider_width--regular: 12px;
279
+ --vkui--size_button_slider_width_pointer--regular: 16px;
280
+ --vkui--size_field_width_min--regular: 328px;
281
+ --vkui--size_field_width_min--compact: 380px;
282
+ --vkui--size_label_width--regular: 184px;
283
+ --vkui--size_progress--regular: 4px;
284
+ --vkui--size_progress_scroll--regular: 12px;
285
+ --vkui--size_dot_bullet--regular: 4px;
286
+ --vkui--size_dot_indicate--regular: 8px;
287
+ --vkui--size_dot_clickable--regular: 12px;
288
+ --vkui--size_vertical_padding--regular: 0px;
289
+ --vkui--size_button_more_padding--regular: 8px;
290
+ --vkui--size_icon_more_padding--regular: 12px;
291
+ --vkui--size_icon_more_padding--compact: 8px;
292
+ --vkui--size_button_icon_padding--regular: 16px;
293
+ --vkui--size_button_icon_padding--compact: 20px;
294
+ --vkui--size_div_padding--regular: 4px;
295
+ --vkui--size_menu_padding--regular: 8px;
296
+ --vkui--size_tag_padding--regular: 8px;
297
+ --vkui--size_tab_padding--regular: 16px;
298
+ --vkui--size_table_horizontal_padding--regular: 16px;
299
+ --vkui--size_table_vertical_padding--regular: 16px;
300
+ --vkui--size_slice_top_padding--regular: 40px;
301
+ --vkui--size_slice_bottom_padding--regular: 60px;
302
+ --vkui--size_base_margin--regular: 12px;
303
+ --vkui--size_label_vertical_margin--regular: 4px;
304
+ --vkui--size_tip_margin--regular: 4px;
305
+ --vkui--size_field_horizontal_margin--regular: 20px;
306
+ --vkui--size_field_vertical_margin--regular: 24px;
307
+ --vkui--size_field_set_margin--regular: 32px;
308
+ --vkui--size_icon_margin--regular: 12px;
309
+ --vkui--size_icon_margin--compact: 8px;
310
+ --vkui--size_choice_margin--regular: 8px;
311
+ --vkui--size_menu_margin--regular: 2px;
312
+ --vkui--size_tag_margin--regular: 8px;
313
+ --vkui--size_tab_margin--regular: 8px;
314
+ --vkui--size_bullet_margin--regular: 12px;
315
+ --vkui--size_attribute_margin--regular: 4px;
316
+ --vkui--size_popup_margin--regular: 8px;
317
+ --vkui--size_popup_margin--compact: 24px;
318
+ --vkui--size_header_icon--regular: 20px;
319
+ --vkui--size_wysiwyg_icon--regular: 14px;
320
+ --vkui--size_illustration_s--regular: 48px;
321
+ --vkui--size_illustration_x_m--regular: 72px;
322
+ --vkui--size_illustration_m--regular: 96px;
323
+ --vkui--size_illustration_l--regular: 144px;
324
+ --vkui--size_illustration_x_x_l--regular: 228px;
325
+ --vkui--tone_value_overlay: 0.48;
326
+ --vkui--tone_value_viewer: 0.88;
327
+ --vkui--tone_value_toolbar: 0.24;
328
+ --vkui--tone_value_hover: 0.04;
329
+ --vkui--tone_value_active: 0.08;
330
+ --vkui--tone_value_focus: 0.08;
331
+ --vkui--type_border_button: solid;
332
+ --vkui--type_border_position: inset;
333
+ --vkui--theme_name_base: 'workSpaceChats';
334
+ --vkui--font_title3400--font_size--regular: 17px;
335
+ --vkui--font_title3400--line_height--regular: 24px;
336
+ --vkui--font_title3400--font_weight--regular: 400;
337
+ --vkui--font_title3400--font_family--regular: Arial;
338
+ --vkui--font_caption1500--font_size--regular: 14px;
339
+ --vkui--font_caption1500--line_height--regular: 19px;
340
+ --vkui--font_caption1500--font_weight--regular: 500;
341
+ --vkui--font_caption1500--font_family--regular: VK Sans Display;
342
+ --vkui--font_headline--font_size--regular: 16px;
343
+ --vkui--font_headline--line_height--regular: 20px;
344
+ --vkui--font_headline--font_family--regular: VKSansDisplay, MailSans, apple-system, system-ui, "Helvetica Neue", Arial, sans-serif;
345
+ --vkui--font_headline--font_weight--regular: 500;
346
+ --vkui--font_headline--font_size--compact: 15px;
347
+ --vkui--font_headline--line_height--compact: 20px;
348
+ --vkui--colors_scheme: light;
349
+ --vkui--color_background_accent: #0077FF;
350
+ --vkui--color_background_accent--hover: #0073F7;
351
+ --vkui--color_background_accent--active: #006FEF;
352
+ --vkui--color_background_accent_themed: #0077FF;
353
+ --vkui--color_background_accent_themed--hover: #0073F7;
354
+ --vkui--color_background_accent_themed--active: #006FEF;
355
+ --vkui--color_background_accent_themed_alpha: rgba(0, 119, 255, 0.2);
356
+ --vkui--color_background_accent_themed_alpha--hover: rgba(0, 119, 255, 0.24);
357
+ --vkui--color_background_accent_themed_alpha--active: rgba(0, 119, 255, 0.28);
358
+ --vkui--color_background_accent_alternative: #FF9E00;
359
+ --vkui--color_background_accent_alternative--hover: #F59802;
360
+ --vkui--color_background_accent_alternative--active: #EB9305;
361
+ --vkui--color_background_content: #FFFFFF;
362
+ --vkui--color_background_content--hover: #F5F5F7;
363
+ --vkui--color_background_content--active: #EBECEF;
364
+ --vkui--color_background_content_alpha: rgba(255, 255, 255, 0.8);
365
+ --vkui--color_background_content_alpha--hover: rgba(255, 255, 255, 0.84);
366
+ --vkui--color_background_content_alpha--active: rgba(255, 255, 255, 0.88);
367
+ --vkui--color_background_content_inverse: #232324;
368
+ --vkui--color_background_content_inverse--hover: #222225;
369
+ --vkui--color_background_content_inverse--active: #202126;
370
+ --vkui--color_background_secondary: #F0F1F3;
371
+ --vkui--color_background_secondary--hover: #E6E8EC;
372
+ --vkui--color_background_secondary--active: #DDDFE4;
373
+ --vkui--color_background_secondary_alpha: rgba(0, 16, 61, 0.06);
374
+ --vkui--color_background_secondary_alpha--hover: rgba(0, 16, 61, 0.1);
375
+ --vkui--color_background_secondary_alpha--active: rgba(0, 16, 61, 0.14);
376
+ --vkui--color_background: #FFFFFF;
377
+ --vkui--color_background--hover: #F5F5F7;
378
+ --vkui--color_background--active: #EBECEF;
379
+ --vkui--color_background_contrast: #FFFFFF;
380
+ --vkui--color_background_contrast--hover: #F5F5F7;
381
+ --vkui--color_background_contrast--active: #EBECEF;
382
+ --vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
383
+ --vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
384
+ --vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
385
+ --vkui--color_background_warning: #FFF1AD;
386
+ --vkui--color_background_warning--hover: #F5E8A9;
387
+ --vkui--color_background_warning--active: #EBDFA4;
388
+ --vkui--color_background_negative: #ED330A;
389
+ --vkui--color_background_negative--hover: #E4320C;
390
+ --vkui--color_background_negative--active: #DA300E;
391
+ --vkui--color_background_tertiary: #F6F7F8;
392
+ --vkui--color_background_tertiary--hover: #ECEEF1;
393
+ --vkui--color_background_tertiary--active: #E2E5E9;
394
+ --vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.04);
395
+ --vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.08);
396
+ --vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.12);
397
+ --vkui--color_background_modal: #FFFFFF;
398
+ --vkui--color_background_modal--hover: #F5F5F7;
399
+ --vkui--color_background_modal--active: #EBECEF;
400
+ --vkui--color_background_positive: #0DC268;
401
+ --vkui--color_background_positive--hover: #0CBB66;
402
+ --vkui--color_background_positive--active: #0CB465;
403
+ --vkui--color_background_negative_tint: #FEEFEB;
404
+ --vkui--color_background_negative_tint--hover: #F4E6E4;
405
+ --vkui--color_background_negative_tint--active: #EADDDD;
406
+ --vkui--color_background_positive_tint: #ECFAF3;
407
+ --vkui--color_background_positive_tint--hover: #E3F1EC;
408
+ --vkui--color_background_positive_tint--active: #D9E7E4;
409
+ --vkui--color_field_background: #ffffff;
410
+ --vkui--color_field_background--hover: #F5F5F7;
411
+ --vkui--color_field_background--active: #EBECEF;
412
+ --vkui--color_background_modal_inverse: #303030;
413
+ --vkui--color_background_modal_inverse--hover: #2E2F31;
414
+ --vkui--color_background_modal_inverse--active: #2C2D31;
415
+ --vkui--color_background_contrast_inverse: #303030;
416
+ --vkui--color_background_contrast_inverse--hover: #2E2F31;
417
+ --vkui--color_background_contrast_inverse--active: #2C2D31;
418
+ --vkui--color_background_contrast_themed: #FFFFFF;
419
+ --vkui--color_background_contrast_themed--hover: #F5F5F7;
420
+ --vkui--color_background_contrast_themed--active: #EBECEF;
421
+ --vkui--color_background_accent_tint: #5a9eff;
422
+ --vkui--color_background_accent_tint--hover: #5698F7;
423
+ --vkui--color_background_accent_tint--active: #5393EF;
424
+ --vkui--color_background_info_tint: #f0f4ff;
425
+ --vkui--color_background_info_tint--hover: #E6EBF7;
426
+ --vkui--color_background_info_tint--active: #DDE2EF;
427
+ --vkui--color_text_accent: #0070f0;
428
+ --vkui--color_text_accent--hover: #006CE9;
429
+ --vkui--color_text_accent--active: #0068E2;
430
+ --vkui--color_text_accent_themed: #0070f0;
431
+ --vkui--color_text_accent_themed--hover: #006CE9;
432
+ --vkui--color_text_accent_themed--active: #0068E2;
433
+ --vkui--color_text_negative: #ED330a;
434
+ --vkui--color_text_negative--hover: #E4320C;
435
+ --vkui--color_text_negative--active: #DA300E;
436
+ --vkui--color_text_link: #0070f0;
437
+ --vkui--color_text_link--hover: #006CE9;
438
+ --vkui--color_text_link--active: #0068E2;
439
+ --vkui--color_text_link_tint: #71AAEB;
440
+ --vkui--color_text_link_tint--hover: #6CA4E4;
441
+ --vkui--color_text_link_tint--active: #689EDD;
442
+ --vkui--color_text_link_themed: #0070f0;
443
+ --vkui--color_text_link_themed--hover: #006CE9;
444
+ --vkui--color_text_link_themed--active: #0068E2;
445
+ --vkui--color_text_muted: #2C2D2E;
446
+ --vkui--color_text_muted--hover: #2A2C2F;
447
+ --vkui--color_text_muted--active: #282B2F;
448
+ --vkui--color_text_primary: #2C2D2E;
449
+ --vkui--color_text_primary--hover: #2A2C2F;
450
+ --vkui--color_text_primary--active: #282B2F;
451
+ --vkui--color_text_primary_alpha: rgba(37, 41, 46, 0.84);
452
+ --vkui--color_text_primary_alpha--hover: rgba(37, 41, 46, 0.88);
453
+ --vkui--color_text_primary_alpha--active: rgba(37, 41, 46, 0.92);
454
+ --vkui--color_text_primary_invariably: #2C2D2E;
455
+ --vkui--color_text_primary_invariably--hover: #2A2C2F;
456
+ --vkui--color_text_primary_invariably--active: #282B2F;
457
+ --vkui--color_text_secondary: #87898F;
458
+ --vkui--color_text_secondary--hover: #82848C;
459
+ --vkui--color_text_secondary--active: #7C7F88;
460
+ --vkui--color_text_secondary_alpha: rgba(37, 41, 46, 0.55);
461
+ --vkui--color_text_secondary_alpha--hover: rgba(37, 41, 46, 0.59);
462
+ --vkui--color_text_secondary_alpha--active: rgba(37, 41, 46, 0.63);
463
+ --vkui--color_text_subhead: #797A80;
464
+ --vkui--color_text_subhead--hover: #74767D;
465
+ --vkui--color_text_subhead--active: #6F727B;
466
+ --vkui--color_text_tertiary: #AAADB3;
467
+ --vkui--color_text_tertiary--hover: #A3A7AE;
468
+ --vkui--color_text_tertiary--active: #9CA0AA;
469
+ --vkui--color_text_link_visited: #528FDF;
470
+ --vkui--color_text_link_visited--hover: #4F8AD9;
471
+ --vkui--color_text_link_visited--active: #4B85D2;
472
+ --vkui--color_text_contrast: #FFFFFF;
473
+ --vkui--color_text_contrast--hover: #F5F5F7;
474
+ --vkui--color_text_contrast--active: #EBECEF;
475
+ --vkui--color_text_contrast_themed: #FFFFFF;
476
+ --vkui--color_text_contrast_themed--hover: #F5F5F7;
477
+ --vkui--color_text_contrast_themed--active: #EBECEF;
478
+ --vkui--color_link_contrast: #FFFFFF;
479
+ --vkui--color_link_contrast--hover: #F5F5F7;
480
+ --vkui--color_link_contrast--active: #EBECEF;
481
+ --vkui--color_text_positive: #0DC268;
482
+ --vkui--color_text_positive--hover: #0CBB66;
483
+ --vkui--color_text_positive--active: #0CB465;
484
+ --vkui--color_icon_accent: #0077ff;
485
+ --vkui--color_icon_accent--hover: #0073F7;
486
+ --vkui--color_icon_accent--active: #006FEF;
487
+ --vkui--color_icon_accent_themed: #0077ff;
488
+ --vkui--color_icon_accent_themed--hover: #0073F7;
489
+ --vkui--color_icon_accent_themed--active: #006FEF;
490
+ --vkui--color_icon_primary: #2C2D2E;
491
+ --vkui--color_icon_primary--hover: #2A2C2F;
492
+ --vkui--color_icon_primary--active: #282B2F;
493
+ --vkui--color_icon_primary_invariably: #2C2D2E;
494
+ --vkui--color_icon_primary_invariably--hover: #2A2C2F;
495
+ --vkui--color_icon_primary_invariably--active: #282B2F;
496
+ --vkui--color_icon_medium: #919399;
497
+ --vkui--color_icon_medium--hover: #8B8E95;
498
+ --vkui--color_icon_medium--active: #858992;
499
+ --vkui--color_icon_medium_alpha: rgba(39, 43, 55, 0.5);
500
+ --vkui--color_icon_medium_alpha--hover: rgba(39, 43, 55, 0.54);
501
+ --vkui--color_icon_medium_alpha--active: rgba(39, 43, 55, 0.58);
502
+ --vkui--color_icon_secondary: #A5A7AD;
503
+ --vkui--color_icon_secondary--hover: #9EA1A9;
504
+ --vkui--color_icon_secondary--active: #989BA4;
505
+ --vkui--color_icon_secondary_alpha: rgba(39, 43, 55, 0.3);
506
+ --vkui--color_icon_secondary_alpha--hover: rgba(39, 43, 55, 0.34);
507
+ --vkui--color_icon_secondary_alpha--active: rgba(39, 43, 55, 0.38);
508
+ --vkui--color_icon_tertiary: #CFD1D6;
509
+ --vkui--color_icon_tertiary--hover: #C7C9D0;
510
+ --vkui--color_icon_tertiary--active: #BEC2CA;
511
+ --vkui--color_icon_tertiary_alpha: rgba(39, 43, 55, 0.2);
512
+ --vkui--color_icon_tertiary_alpha--hover: rgba(39, 43, 55, 0.24);
513
+ --vkui--color_icon_tertiary_alpha--active: rgba(39, 43, 55, 0.28);
514
+ --vkui--color_icon_contrast: #FFFFFF;
515
+ --vkui--color_icon_contrast--hover: #F5F5F7;
516
+ --vkui--color_icon_contrast--active: #EBECEF;
517
+ --vkui--color_icon_contrast_themed: #FFFFFF;
518
+ --vkui--color_icon_contrast_themed--hover: #F5F5F7;
519
+ --vkui--color_icon_contrast_themed--active: #EBECEF;
520
+ --vkui--color_icon_positive: #0DC268;
521
+ --vkui--color_icon_positive--hover: #0CBB66;
522
+ --vkui--color_icon_positive--active: #0CB465;
523
+ --vkui--color_icon_warning: #FF9E00;
524
+ --vkui--color_icon_warning--hover: #F59802;
525
+ --vkui--color_icon_warning--active: #EB9305;
526
+ --vkui--color_icon_negative: #ED330a;
527
+ --vkui--color_icon_negative--hover: #E4320C;
528
+ --vkui--color_icon_negative--active: #DA300E;
529
+ --vkui--color_icon_contrast_secondary: #F2F3F5;
530
+ --vkui--color_icon_contrast_secondary--hover: #E8EAEE;
531
+ --vkui--color_icon_contrast_secondary--active: #DFE1E6;
532
+ --vkui--color_stroke_accent: #0077ff;
533
+ --vkui--color_stroke_accent--hover: #0073F7;
534
+ --vkui--color_stroke_accent--active: #006FEF;
535
+ --vkui--color_stroke_accent_themed: #0077ff;
536
+ --vkui--color_stroke_accent_themed--hover: #0073F7;
537
+ --vkui--color_stroke_accent_themed--active: #006FEF;
538
+ --vkui--color_stroke_contrast: #FFFFFF;
539
+ --vkui--color_stroke_contrast--hover: #F5F5F7;
540
+ --vkui--color_stroke_contrast--active: #EBECEF;
541
+ --vkui--color_stroke_negative: #ED330a;
542
+ --vkui--color_stroke_negative--hover: #E4320C;
543
+ --vkui--color_stroke_negative--active: #DA300E;
544
+ --vkui--color_stroke_primary: #2C2D2E;
545
+ --vkui--color_stroke_primary--hover: #2A2C2F;
546
+ --vkui--color_stroke_primary--active: #282B2F;
547
+ --vkui--color_image_border_alpha: rgba(0, 16, 61, 0.08);
548
+ --vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);
549
+ --vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);
550
+ --vkui--color_field_border_alpha: rgba(0, 16, 61, 0.12);
551
+ --vkui--color_field_border_alpha--hover: rgba(0, 16, 61, 0.16);
552
+ --vkui--color_field_border_alpha--active: rgba(0, 16, 61, 0.2);
553
+ --vkui--color_separator_primary_alpha: rgba(0, 16, 61, 0.12);
554
+ --vkui--color_separator_primary_alpha--hover: rgba(0, 16, 61, 0.16);
555
+ --vkui--color_separator_primary_alpha--active: rgba(0, 16, 61, 0.2);
556
+ --vkui--color_separator_secondary: #E6E7EB;
557
+ --vkui--color_separator_secondary--hover: #DDDEE4;
558
+ --vkui--color_separator_secondary--active: #D4D6DD;
559
+ --vkui--color_separator_primary: #DADCE0;
560
+ --vkui--color_separator_primary--hover: #D1D4D9;
561
+ --vkui--color_separator_primary--active: #C9CCD3;
562
+ --vkui--color_stroke_positive: #0DC268;
563
+ --vkui--color_stroke_positive--hover: #0CBB66;
564
+ --vkui--color_stroke_positive--active: #0CB465;
565
+ --vkui--color_separator_primary2x: #CDD0D5;
566
+ --vkui--color_separator_primary2x--hover: #C5C8CF;
567
+ --vkui--color_separator_primary2x--active: #BDC1C9;
568
+ --vkui--color_separator_primary3x: #BFC3CA;
569
+ --vkui--color_separator_primary3x--hover: #B7BCC4;
570
+ --vkui--color_separator_primary3x--active: #B0B5BF;
571
+ --vkui--color_accent_blue: #0077FF;
572
+ --vkui--color_accent_blue--hover: #0073F7;
573
+ --vkui--color_accent_blue--active: #006FEF;
574
+ --vkui--color_accent_gray: #A5A7AD;
575
+ --vkui--color_accent_gray--hover: #9EA1A9;
576
+ --vkui--color_accent_gray--active: #989BA4;
577
+ --vkui--color_accent_red: #ED330A;
578
+ --vkui--color_accent_red--hover: #E4320C;
579
+ --vkui--color_accent_red--active: #DA300E;
580
+ --vkui--color_accent_orange_fire: #F05C44;
581
+ --vkui--color_accent_orange_fire--hover: #E65944;
582
+ --vkui--color_accent_orange_fire--active: #DD5643;
583
+ --vkui--color_accent_orange: #FF9E00;
584
+ --vkui--color_accent_orange--hover: #F59802;
585
+ --vkui--color_accent_orange--active: #EB9305;
586
+ --vkui--color_accent_orange_peach: #F9B54F;
587
+ --vkui--color_accent_orange_peach--hover: #EFAE4E;
588
+ --vkui--color_accent_orange_peach--active: #E5A84E;
589
+ --vkui--color_accent_lime: #B8FC75;
590
+ --vkui--color_accent_lime--hover: #B1F373;
591
+ --vkui--color_accent_lime--active: #A9E971;
592
+ --vkui--color_accent_green: #0DC268;
593
+ --vkui--color_accent_green--hover: #0CBB66;
594
+ --vkui--color_accent_green--active: #0CB465;
595
+ --vkui--color_accent_cyan: #07E5F9;
596
+ --vkui--color_accent_cyan--hover: #07DCF1;
597
+ --vkui--color_accent_cyan--active: #06D4EA;
598
+ --vkui--color_accent_azure: #0077FF;
599
+ --vkui--color_accent_azure--hover: #0073F7;
600
+ --vkui--color_accent_azure--active: #006FEF;
601
+ --vkui--color_accent_purple: #8C64FF;
602
+ --vkui--color_accent_purple--hover: #8661F7;
603
+ --vkui--color_accent_purple--active: #815DEF;
604
+ --vkui--color_accent_violet: #C15DF3;
605
+ --vkui--color_accent_violet--hover: #B95AEC;
606
+ --vkui--color_accent_violet--active: #B257E4;
607
+ --vkui--color_accent_raspberry_pink: #E03FAB;
608
+ --vkui--color_accent_raspberry_pink--hover: #D73DA7;
609
+ --vkui--color_accent_raspberry_pink--active: #CE3BA2;
610
+ --vkui--color_accent_pink: #FF3985;
611
+ --vkui--color_accent_pink--hover: #F53782;
612
+ --vkui--color_accent_pink--active: #EB367F;
613
+ --vkui--color_accent_secondary: #FF9E00;
614
+ --vkui--color_accent_secondary--hover: #F59802;
615
+ --vkui--color_accent_secondary--active: #EB9305;
616
+ --vkui--color_action_sheet_text: #0077ff;
617
+ --vkui--color_action_sheet_text--hover: #0073F7;
618
+ --vkui--color_action_sheet_text--active: #006FEF;
619
+ --vkui--color_header_background: #FFFFFF;
620
+ --vkui--color_header_background--hover: #F5F5F7;
621
+ --vkui--color_header_background--active: #EBECEF;
622
+ --vkui--color_panel_header_icon: #0077ff;
623
+ --vkui--color_panel_header_icon--hover: #0073F7;
624
+ --vkui--color_panel_header_icon--active: #006FEF;
625
+ --vkui--color_write_bar_input_background: #F0F1F3;
626
+ --vkui--color_write_bar_input_background--hover: #E6E8EC;
627
+ --vkui--color_write_bar_input_background--active: #DDDFE4;
628
+ --vkui--color_write_bar_input_border: #E1E3E6;
629
+ --vkui--color_write_bar_input_border--hover: #D8DBDF;
630
+ --vkui--color_write_bar_input_border--active: #CFD2D8;
631
+ --vkui--color_write_bar_input_border_alpha: rgba(0, 16, 61, 0.8);
632
+ --vkui--color_write_bar_input_border_alpha--hover: rgba(0, 16, 61, 0.84);
633
+ --vkui--color_write_bar_input_border_alpha--active: rgba(0, 16, 61, 0.88);
634
+ --vkui--color_track_background: #DADCE0;
635
+ --vkui--color_track_background--hover: #D1D4D9;
636
+ --vkui--color_track_background--active: #C9CCD3;
637
+ --vkui--color_track_buffer: #83AAEA;
638
+ --vkui--color_track_buffer--hover: #7EA4E3;
639
+ --vkui--color_track_buffer--active: #799EDC;
640
+ --vkui--color_image_placeholder: #E6E7EB;
641
+ --vkui--color_image_placeholder--hover: #DDDEE4;
642
+ --vkui--color_image_placeholder--active: #D4D6DD;
643
+ --vkui--color_image_placeholder_alpha: rgba(0, 16, 61, 0.8);
644
+ --vkui--color_image_placeholder_alpha--hover: rgba(0, 16, 61, 0.84);
645
+ --vkui--color_image_placeholder_alpha--active: rgba(0, 16, 61, 0.88);
646
+ --vkui--color_search_field_background: #E6E7EB;
647
+ --vkui--color_search_field_background--hover: #DDDEE4;
648
+ --vkui--color_search_field_background--active: #D4D6DD;
649
+ --vkui--color_write_bar_icon: #0077ff;
650
+ --vkui--color_write_bar_icon--hover: #0073F7;
651
+ --vkui--color_write_bar_icon--active: #006FEF;
652
+ --vkui--color_skeleton_from: #F3F3F5;
653
+ --vkui--color_skeleton_from--hover: #E9EAEE;
654
+ --vkui--color_skeleton_from--active: #E0E1E6;
655
+ --vkui--color_skeleton_to: #E0E1E6;
656
+ --vkui--color_skeleton_to--hover: #D7D9DF;
657
+ --vkui--color_skeleton_to--active: #CED0D8;
658
+ --vkui--color_avatar_overlay: rgba(145, 147, 153, 0.48);
659
+ --vkui--color_avatar_overlay--hover: rgba(145, 147, 153, 0.52);
660
+ --vkui--color_avatar_overlay--active: rgba(145, 147, 153, 0.56);
661
+ --vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
662
+ --vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
663
+ --vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
664
+ --vkui--color_overlay_primary: rgba(0, 0, 0, 0.4);
665
+ --vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
666
+ --vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
667
+ --vkui--color_overlay_secondary: rgba(44, 45, 46, 0.5);
668
+ --vkui--color_overlay_secondary--hover: rgba(44, 45, 46, 0.54);
669
+ --vkui--color_overlay_secondary--active: rgba(44, 45, 46, 0.58);
670
+ --vkui--color_segmented_control: #FFFFFF;
671
+ --vkui--color_segmented_control--hover: #F5F5F7;
672
+ --vkui--color_segmented_control--active: #EBECEF;
673
+ --vkui--color_tabbar_text_inactive: #99A2AD;
674
+ --vkui--color_tabbar_text_inactive--hover: #939CA9;
675
+ --vkui--color_tabbar_text_inactive--active: #8D96A4;
676
+ --vkui--color_button_text: #0077ff;
677
+ --vkui--color_button_text--hover: #0073F7;
678
+ --vkui--color_button_text--active: #006FEF;
679
+ --vkui--color_button_icon: #0077ff;
680
+ --vkui--color_button_icon--hover: #0073F7;
681
+ --vkui--color_button_icon--active: #006FEF;
682
+ --vkui--color_button_stroke: #0077ff;
683
+ --vkui--color_button_stroke--hover: #0073F7;
684
+ --vkui--color_button_stroke--active: #006FEF;
685
+ --vkui--color_transparent: transparent;
686
+ --vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
687
+ --vkui--color_transparent--active: rgba(0, 16, 61, 0.08);
688
+ --vkui--color_rating: #ffd400;
689
+ --vkui--color_rating--hover: #F5CC02;
690
+ --vkui--color_rating--active: #EBC405;
691
+ --vkui--color_button_contrast_alpha: rgba(255, 255, 255, 1);
692
+ --vkui--color_button_contrast_alpha--hover: rgba(255, 255, 255, 0.8);
693
+ --vkui--color_button_contrast_alpha--active: rgba(255, 255, 255, 0.6);
694
+ --vkui--color_button_contrast: #FFFFFF;
695
+ --vkui--color_button_contrast--hover: #FFFFFF;
696
+ --vkui--color_button_contrast--active: #FFFFFF;
697
+ --vkui--color_thumb_error_background_alpha: rgba(237, 10, 52, 0.12);
698
+ --vkui--color_thumb_error_background_alpha--hover: rgba(237, 10, 52, 0.16);
699
+ --vkui--color_thumb_error_background_alpha--active: rgba(237, 10, 52, 0.2);
700
+ --vkui--color_background_accent_tint_themed_alpha: rgba(0, 119, 255, 0.06);
701
+ --vkui--color_background_accent_tint_themed_alpha--hover: rgba(0, 119, 255, 0.1);
702
+ --vkui--color_background_accent_tint_themed_alpha--active: rgba(0, 119, 255, 0.14);
703
+ --vkui--color_background_accent_tint_alpha: rgba(0, 119, 255, 0.06);
704
+ --vkui--color_background_accent_tint_alpha--hover: rgba(0, 119, 255, 0.1);
705
+ --vkui--color_background_accent_tint_alpha--active: rgba(0, 119, 255, 0.14);
706
+ --vkui--color_background_accent_tint_themed: #f0f7ff;
707
+ --vkui--color_background_accent_tint_themed--hover: #E6EEF7;
708
+ --vkui--color_background_accent_tint_themed--active: #DDE5EF;
709
+ --vkui--color_background_warning_tint_themed_alpha: rgba(255, 241, 173, 0.48);
710
+ --vkui--color_background_warning_tint_themed_alpha--hover: rgba(255, 241, 173, 0.52);
711
+ --vkui--color_background_warning_tint_themed_alpha--active: rgba(255, 241, 173, 0.56);
712
+ --vkui--color_background_warning_tint_alpha: rgba(255, 241, 173, 0.48);
713
+ --vkui--color_background_warning_tint_alpha--hover: rgba(255, 241, 173, 0.52);
714
+ --vkui--color_background_warning_tint_alpha--active: rgba(255, 241, 173, 0.56);
715
+ --vkui--color_background_warning_tint_themed: #fffce0;
716
+ --vkui--color_background_warning_tint_themed--hover: #F5F3D9;
717
+ --vkui--color_background_warning_tint_themed--active: #EBE9D3;
718
+ --vkui--color_background_warning_tint: #fffce0;
719
+ --vkui--color_background_warning_tint--hover: #F5F3D9;
720
+ --vkui--color_background_warning_tint--active: #EBE9D3;
721
+ --vkui--color_background_negative_tint_themed_alpha: rgba(237, 51, 10, 0.08);
722
+ --vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 51, 10, 0.12);
723
+ --vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 51, 10, 0.16);
724
+ --vkui--color_background_negative_tint_alpha: rgba(237, 51, 10, 0.08);
725
+ --vkui--color_background_negative_tint_alpha--hover: rgba(237, 51, 10, 0.12);
726
+ --vkui--color_background_negative_tint_alpha--active: rgba(237, 51, 10, 0.16);
727
+ --vkui--color_background_negative_tint_themed: #feefeb;
728
+ --vkui--color_background_negative_tint_themed--hover: #F4E6E4;
729
+ --vkui--color_background_negative_tint_themed--active: #EADDDD;
730
+ --vkui--color_background_positive_tint_themed_alpha: rgba(13, 194, 104, 0.08);
731
+ --vkui--color_background_positive_tint_themed_alpha--hover: rgba(13, 194, 104, 0.12);
732
+ --vkui--color_background_positive_tint_themed_alpha--active: rgba(13, 194, 104, 0.16);
733
+ --vkui--color_background_positive_tint_alpha: rgba(13, 194, 104, 0.08);
734
+ --vkui--color_background_positive_tint_alpha--hover: rgba(13, 194, 104, 0.12);
735
+ --vkui--color_background_positive_tint_alpha--active: rgba(13, 194, 104, 0.16);
736
+ --vkui--color_background_positive_tint_themed: #ECFAF3;
737
+ --vkui--color_background_positive_tint_themed--hover: #E3F1EC;
738
+ --vkui--color_background_positive_tint_themed--active: #D9E7E4;
739
+ --vkui--color_tooltip_background_blue_tint: #DDE9FF;
740
+ --vkui--color_tooltip_background_blue_tint--hover: #D4E0F7;
741
+ --vkui--color_tooltip_background_blue_tint--active: #CBD8EF;
742
+ --vkui--color_tooltip_background_green_tint: #CEEEE6;
743
+ --vkui--color_tooltip_background_green_tint--hover: #C6E5DF;
744
+ --vkui--color_tooltip_background_green_tint--active: #BEDCD8;
745
+ --vkui--color_tooltip_background_orange_tint: #F9D3BD;
746
+ --vkui--color_tooltip_background_orange_tint--hover: #EFCBB8;
747
+ --vkui--color_tooltip_background_orange_tint--active: #E5C3B3;
748
+ --vkui--color_tooltip_background_purple_tint: #F2E8FF;
749
+ --vkui--color_tooltip_background_purple_tint--hover: #E8DFF7;
750
+ --vkui--color_tooltip_background_purple_tint--active: #DFD7EF;
751
+ --vkui--color_tooltip_text_blue_themed: #1C4479;
752
+ --vkui--color_tooltip_text_blue_themed--hover: #1B4277;
753
+ --vkui--color_tooltip_text_blue_themed--active: #1A4074;
754
+ --vkui--color_tooltip_text_green_themed: #087C6D;
755
+ --vkui--color_tooltip_text_green_themed--hover: #08786B;
756
+ --vkui--color_tooltip_text_green_themed--active: #077369;
757
+ --vkui--color_tooltip_text_orange_themed: #78472A;
758
+ --vkui--color_tooltip_text_orange_themed--hover: #73452B;
759
+ --vkui--color_tooltip_text_orange_themed--active: #6E432C;
760
+ --vkui--color_tooltip_text_purple_themed: #73519F;
761
+ --vkui--color_tooltip_text_purple_themed--hover: #6E4E9B;
762
+ --vkui--color_tooltip_text_purple_themed--active: #6A4C97;
763
+ --vkui--color_background_sky: #cce4ff;
764
+ --vkui--color_background_sky--hover: #C4DCF7;
765
+ --vkui--color_background_sky--active: #BCD3EF;
766
+ --vkui--color_background_sky_alpha: rgba(204, 228, 255, 0.9);
767
+ --vkui--color_background_sky_alpha--hover: rgba(204, 228, 255, 0.9400000000000001);
768
+ --vkui--color_background_sky_alpha--active: rgba(204, 228, 255, 0.98);
769
+ --vkui--color_counter_background_secondary_alpha: rgba(0, 16, 61, 0.1);
770
+ --vkui--color_counter_background_secondary_alpha--hover: rgba(0, 16, 61, 0.14);
771
+ --vkui--color_counter_background_secondary_alpha--active: rgba(0, 16, 61, 0.18);
772
+ --vkui--color_counter_background_tertiary_alpha: rgba(90, 158, 255, 0.2);
773
+ --vkui--color_counter_background_tertiary_alpha--hover: rgba(90, 158, 255, 0.24);
774
+ --vkui--color_counter_background_tertiary_alpha--active: rgba(90, 158, 255, 0.28);
775
+ --vkui--color_counter_text_tertiary: #0070F0;
776
+ --vkui--color_counter_text_tertiary--hover: #006CE9;
777
+ --vkui--color_counter_text_tertiary--active: #0068E2;
778
+ --vkui--color_text_medium_alpha: rgba(44, 45, 46, 0.56);
779
+ --vkui--color_text_medium_alpha--hover: rgba(44, 45, 46, 0.6);
780
+ --vkui--color_text_medium_alpha--active: rgba(44, 45, 46, 0.64);
781
+ --vkui--color_icon_notification_neutral_alpha: rgba(67, 83, 103, 0.28);
782
+ --vkui--color_icon_notification_neutral_alpha--hover: rgba(67, 83, 103, 0.32);
783
+ --vkui--color_icon_notification_neutral_alpha--active: rgba(67, 83, 103, 0.36);
784
+ --vkui--color_icon_notification_red: #FF5C5C;
785
+ --vkui--color_icon_notification_red--hover: #F5595B;
786
+ --vkui--color_icon_notification_red--active: #EB565A;
787
+ --vkui--color_icon_notification_accent: #0077FF;
788
+ --vkui--color_icon_notification_accent--hover: #0073F7;
789
+ --vkui--color_icon_notification_accent--active: #006FEF;
790
+ --vkui--color_bubble_background_accent: #DEECFF;
791
+ --vkui--color_bubble_background_accent--hover: #D5E3F7;
792
+ --vkui--color_bubble_background_accent--active: #CCDAEF;
793
+ --vkui--color_bubble_background_neutral: #FFFFFF;
794
+ --vkui--color_bubble_background_neutral--hover: #F5F5F7;
795
+ --vkui--color_bubble_background_neutral--active: #EBECEF;
796
+ --vkui--color_bubble_highlight_accent_alpha: rgba(0, 119, 255, 0.16);
797
+ --vkui--color_bubble_highlight_accent_alpha--hover: rgba(0, 119, 255, 0.2);
798
+ --vkui--color_bubble_highlight_accent_alpha--active: rgba(0, 119, 255, 0.24);
799
+ --vkui--color_bubble_text_red: #C43131;
800
+ --vkui--color_bubble_text_red--hover: #BC3031;
801
+ --vkui--color_bubble_text_red--active: #B42E32;
802
+ --vkui--color_bubble_text_orange: #C84900;
803
+ --vkui--color_bubble_text_orange--hover: #C04702;
804
+ --vkui--color_bubble_text_orange--active: #B84405;
805
+ --vkui--color_bubble_text_peach: #BE6116;
806
+ --vkui--color_bubble_text_peach--hover: #B65E18;
807
+ --vkui--color_bubble_text_peach--active: #AF5B19;
808
+ --vkui--color_bubble_text_yellow: #987202;
809
+ --vkui--color_bubble_text_yellow--hover: #926E04;
810
+ --vkui--color_bubble_text_yellow--active: #8C6A07;
811
+ --vkui--color_bubble_text_lime: #5B841D;
812
+ --vkui--color_bubble_text_lime--hover: #577F1E;
813
+ --vkui--color_bubble_text_lime--active: #547B20;
814
+ --vkui--color_bubble_text_green: #1C8022;
815
+ --vkui--color_bubble_text_green--hover: #1B7C23;
816
+ --vkui--color_bubble_text_green--active: #1A7724;
817
+ --vkui--color_bubble_text_cyan: #097F94;
818
+ --vkui--color_bubble_text_cyan--hover: #097B91;
819
+ --vkui--color_bubble_text_cyan--active: #08768D;
820
+ --vkui--color_bubble_text_mint: #1E7D70;
821
+ --vkui--color_bubble_text_mint--hover: #1D796E;
822
+ --vkui--color_bubble_text_mint--active: #1C746C;
823
+ --vkui--color_bubble_text_seagreen: #0F815B;
824
+ --vkui--color_bubble_text_seagreen--hover: #0E7C5A;
825
+ --vkui--color_bubble_text_seagreen--active: #0E7859;
826
+ --vkui--color_bubble_text_sky: #2B6D94;
827
+ --vkui--color_bubble_text_sky--hover: #296991;
828
+ --vkui--color_bubble_text_sky--active: #28668D;
829
+ --vkui--color_bubble_text_blue: #205EC2;
830
+ --vkui--color_bubble_text_blue--hover: #1F5BBD;
831
+ --vkui--color_bubble_text_blue--active: #1D58B7;
832
+ --vkui--color_bubble_text_indigo: #4C47C8;
833
+ --vkui--color_bubble_text_indigo--hover: #4945C2;
834
+ --vkui--color_bubble_text_indigo--active: #4643BD;
835
+ --vkui--color_bubble_text_violet: #7042AC;
836
+ --vkui--color_bubble_text_violet--hover: #6C40A8;
837
+ --vkui--color_bubble_text_violet--active: #673EA3;
838
+ --vkui--color_bubble_text_lavender: #6D5292;
839
+ --vkui--color_bubble_text_lavender--hover: #694F8F;
840
+ --vkui--color_bubble_text_lavender--active: #644D8B;
841
+ --vkui--color_bubble_text_coral: #A53848;
842
+ --vkui--color_bubble_text_coral--hover: #9E3648;
843
+ --vkui--color_bubble_text_coral--active: #983547;
844
+ --vkui--color_bubble_text_pink: #A22A60;
845
+ --vkui--color_bubble_text_pink--hover: #9C295F;
846
+ --vkui--color_bubble_text_pink--active: #95285D;
847
+ --vkui--color_other_pull_background_accent_alpha: rgba(0, 119, 255, 0.06);
848
+ --vkui--color_other_pull_background_accent_alpha--hover: rgba(0, 119, 255, 0.1);
849
+ --vkui--color_other_pull_background_accent_alpha--active: rgba(0, 119, 255, 0.14);
850
+ --vkui--color_other_pull_progress_accent_alpha: rgba(0, 119, 255, 0.08);
851
+ --vkui--color_other_pull_progress_accent_alpha--hover: rgba(0, 119, 255, 0.12);
852
+ --vkui--color_other_pull_progress_accent_alpha--active: rgba(0, 119, 255, 0.16);
853
+ --vkui--color_other_background_blur_alpha: rgba(255, 255, 255, 0.01);
854
+ --vkui--color_other_background_blur_alpha--hover: rgba(255, 255, 255, 0.05);
855
+ --vkui--color_other_background_blur_alpha--active: rgba(255, 255, 255, 0.09);
856
+ --vkui--color_other_background_media_alpha: rgba(0, 16, 61, 0.12);
857
+ --vkui--color_other_background_media_alpha--hover: rgba(0, 16, 61, 0.16);
858
+ --vkui--color_other_background_media_alpha--active: rgba(0, 16, 61, 0.2);
859
+ --vkui--color_bubble_transparent_hover: rgba(0, 16, 61, 0.08);
860
+ --vkui--color_bubble_transparent_hover--hover: rgba(0, 16, 61, 0.12);
861
+ --vkui--color_bubble_transparent_hover--active: rgba(0, 16, 61, 0.16);
862
+ --vkui--color_bubble_transparent_active: rgba(0, 16, 61, 0.12);
863
+ --vkui--color_bubble_transparent_active--hover: rgba(0, 16, 61, 0.16);
864
+ --vkui--color_bubble_transparent_active--active: rgba(0, 16, 61, 0.2);
865
+ }