@vkontakte/vkui-tokens 4.86.0 → 4.87.0

package/themes/workSpaceChats/cssVars/declarations/onlyAdaptiveGroups.css

@@ -0,0 +1,164 @@
+.vkui--font_display_title1 {
+	font-size: var(--vkui--font_display_title1--font_size);
+	line-height: var(--vkui--font_display_title1--line_height);
+	font-family: var(--vkui--font_display_title1--font_family);
+	font-weight: var(--vkui--font_display_title1--font_weight);
+}
+.vkui--font_display_title2 {
+	font-size: var(--vkui--font_display_title2--font_size);
+	line-height: var(--vkui--font_display_title2--line_height);
+	font-family: var(--vkui--font_display_title2--font_family);
+	font-weight: var(--vkui--font_display_title2--font_weight);
+}
+.vkui--font_display_title3 {
+	font-size: var(--vkui--font_display_title3--font_size);
+	line-height: var(--vkui--font_display_title3--line_height);
+	font-family: var(--vkui--font_display_title3--font_family);
+	font-weight: var(--vkui--font_display_title3--font_weight);
+}
+.vkui--font_display_title4 {
+	font-size: var(--vkui--font_display_title4--font_size);
+	line-height: var(--vkui--font_display_title4--line_height);
+	font-family: var(--vkui--font_display_title4--font_family);
+	font-weight: var(--vkui--font_display_title4--font_weight);
+}
+.vkui--font_title1 {
+	font-size: var(--vkui--font_title1--font_size);
+	line-height: var(--vkui--font_title1--line_height);
+	font-family: var(--vkui--font_title1--font_family);
+	font-weight: var(--vkui--font_title1--font_weight);
+}
+.vkui--font_title2 {
+	font-size: var(--vkui--font_title2--font_size);
+	line-height: var(--vkui--font_title2--line_height);
+	font-family: var(--vkui--font_title2--font_family);
+	font-weight: var(--vkui--font_title2--font_weight);
+}
+.vkui--font_title3 {
+	font-size: var(--vkui--font_title3--font_size);
+	line-height: var(--vkui--font_title3--line_height);
+	font-family: var(--vkui--font_title3--font_family);
+	font-weight: var(--vkui--font_title3--font_weight);
+}
+.vkui--font_headline1 {
+	font-size: var(--vkui--font_headline1--font_size);
+	line-height: var(--vkui--font_headline1--line_height);
+	font-family: var(--vkui--font_headline1--font_family);
+	font-weight: var(--vkui--font_headline1--font_weight);
+}
+.vkui--font_headline2 {
+	font-size: var(--vkui--font_headline2--font_size);
+	line-height: var(--vkui--font_headline2--line_height);
+	font-family: var(--vkui--font_headline2--font_family);
+	font-weight: var(--vkui--font_headline2--font_weight);
+}
+.vkui--font_text {
+	font-size: var(--vkui--font_text--font_size);
+	line-height: var(--vkui--font_text--line_height);
+	font-family: var(--vkui--font_text--font_family);
+	font-weight: var(--vkui--font_text--font_weight);
+}
+.vkui--font_paragraph {
+	font-size: var(--vkui--font_paragraph--font_size);
+	line-height: var(--vkui--font_paragraph--line_height);
+	font-family: var(--vkui--font_paragraph--font_family);
+	font-weight: var(--vkui--font_paragraph--font_weight);
+}
+.vkui--font_subhead {
+	font-size: var(--vkui--font_subhead--font_size);
+	line-height: var(--vkui--font_subhead--line_height);
+	font-family: var(--vkui--font_subhead--font_family);
+	font-weight: var(--vkui--font_subhead--font_weight);
+}
+.vkui--font_footnote {
+	font-size: var(--vkui--font_footnote--font_size);
+	line-height: var(--vkui--font_footnote--line_height);
+	font-family: var(--vkui--font_footnote--font_family);
+	font-weight: var(--vkui--font_footnote--font_weight);
+}
+.vkui--font_footnote_caps {
+	font-size: var(--vkui--font_footnote_caps--font_size);
+	line-height: var(--vkui--font_footnote_caps--line_height);
+	font-family: var(--vkui--font_footnote_caps--font_family);
+	font-weight: var(--vkui--font_footnote_caps--font_weight);
+	text-transform: var(--vkui--font_footnote_caps--text_transform);
+	letter-spacing: var(--vkui--font_footnote_caps--letter_spacing);
+}
+.vkui--font_caption1 {
+	font-size: var(--vkui--font_caption1--font_size);
+	line-height: var(--vkui--font_caption1--line_height);
+	font-family: var(--vkui--font_caption1--font_family);
+	font-weight: var(--vkui--font_caption1--font_weight);
+}
+.vkui--font_caption1_caps {
+	font-size: var(--vkui--font_caption1_caps--font_size);
+	line-height: var(--vkui--font_caption1_caps--line_height);
+	font-family: var(--vkui--font_caption1_caps--font_family);
+	font-weight: var(--vkui--font_caption1_caps--font_weight);
+	text-transform: var(--vkui--font_caption1_caps--text_transform);
+	letter-spacing: var(--vkui--font_caption1_caps--letter_spacing);
+}
+.vkui--font_caption2 {
+	font-size: var(--vkui--font_caption2--font_size);
+	line-height: var(--vkui--font_caption2--line_height);
+	font-family: var(--vkui--font_caption2--font_family);
+	font-weight: var(--vkui--font_caption2--font_weight);
+}
+.vkui--font_caption2_caps {
+	font-size: var(--vkui--font_caption2_caps--font_size);
+	line-height: var(--vkui--font_caption2_caps--line_height);
+	font-family: var(--vkui--font_caption2_caps--font_family);
+	font-weight: var(--vkui--font_caption2_caps--font_weight);
+	text-transform: var(--vkui--font_caption2_caps--text_transform);
+	letter-spacing: var(--vkui--font_caption2_caps--letter_spacing);
+}
+.vkui--font_caption3 {
+	font-size: var(--vkui--font_caption3--font_size);
+	line-height: var(--vkui--font_caption3--line_height);
+	font-family: var(--vkui--font_caption3--font_family);
+	font-weight: var(--vkui--font_caption3--font_weight);
+}
+.vkui--font_caption3_caps {
+	font-size: var(--vkui--font_caption3_caps--font_size);
+	line-height: var(--vkui--font_caption3_caps--line_height);
+	font-family: var(--vkui--font_caption3_caps--font_family);
+	font-weight: var(--vkui--font_caption3_caps--font_weight);
+	text-transform: var(--vkui--font_caption3_caps--text_transform);
+	letter-spacing: var(--vkui--font_caption3_caps--letter_spacing);
+}
+.vkui--font_h0 {
+	font-size: var(--vkui--font_h0--font_size);
+	line-height: var(--vkui--font_h0--line_height);
+	font-family: var(--vkui--font_h0--font_family);
+	font-weight: var(--vkui--font_h0--font_weight);
+}
+.vkui--font_h1 {
+	font-size: var(--vkui--font_h1--font_size);
+	line-height: var(--vkui--font_h1--line_height);
+	font-family: var(--vkui--font_h1--font_family);
+	font-weight: var(--vkui--font_h1--font_weight);
+}
+.vkui--font_h2 {
+	font-size: var(--vkui--font_h2--font_size);
+	line-height: var(--vkui--font_h2--line_height);
+	font-family: var(--vkui--font_h2--font_family);
+	font-weight: var(--vkui--font_h2--font_weight);
+}
+.vkui--font_title3400 {
+	font-size: var(--vkui--font_title3400--font_size);
+	line-height: var(--vkui--font_title3400--line_height);
+	font-weight: var(--vkui--font_title3400--font_weight);
+	font-family: var(--vkui--font_title3400--font_family);
+}
+.vkui--font_caption1500 {
+	font-size: var(--vkui--font_caption1500--font_size);
+	line-height: var(--vkui--font_caption1500--line_height);
+	font-weight: var(--vkui--font_caption1500--font_weight);
+	font-family: var(--vkui--font_caption1500--font_family);
+}
+.vkui--font_headline {
+	font-size: var(--vkui--font_headline--font_size);
+	line-height: var(--vkui--font_headline--line_height);
+	font-family: var(--vkui--font_headline--font_family);
+	font-weight: var(--vkui--font_headline--font_weight);
+}

package/themes/workSpaceChats/cssVars/declarations/onlyColors.css

@@ -0,0 +1,518 @@
+:root {
+	--vkui--color_background_accent: #0077FF;
+	--vkui--color_background_accent--hover: #0073F7;
+	--vkui--color_background_accent--active: #006FEF;
+	--vkui--color_background_accent_themed: #0077FF;
+	--vkui--color_background_accent_themed--hover: #0073F7;
+	--vkui--color_background_accent_themed--active: #006FEF;
+	--vkui--color_background_accent_themed_alpha: rgba(0, 119, 255, 0.2);
+	--vkui--color_background_accent_themed_alpha--hover: rgba(0, 119, 255, 0.24);
+	--vkui--color_background_accent_themed_alpha--active: rgba(0, 119, 255, 0.28);
+	--vkui--color_background_accent_alternative: #FF9E00;
+	--vkui--color_background_accent_alternative--hover: #F59802;
+	--vkui--color_background_accent_alternative--active: #EB9305;
+	--vkui--color_background_content: #FFFFFF;
+	--vkui--color_background_content--hover: #F5F5F7;
+	--vkui--color_background_content--active: #EBECEF;
+	--vkui--color_background_content_alpha: rgba(255, 255, 255, 0.8);
+	--vkui--color_background_content_alpha--hover: rgba(255, 255, 255, 0.84);
+	--vkui--color_background_content_alpha--active: rgba(255, 255, 255, 0.88);
+	--vkui--color_background_content_inverse: #232324;
+	--vkui--color_background_content_inverse--hover: #222225;
+	--vkui--color_background_content_inverse--active: #202126;
+	--vkui--color_background_secondary: #F0F1F3;
+	--vkui--color_background_secondary--hover: #E6E8EC;
+	--vkui--color_background_secondary--active: #DDDFE4;
+	--vkui--color_background_secondary_alpha: rgba(0, 16, 61, 0.06);
+	--vkui--color_background_secondary_alpha--hover: rgba(0, 16, 61, 0.1);
+	--vkui--color_background_secondary_alpha--active: rgba(0, 16, 61, 0.14);
+	--vkui--color_background: #FFFFFF;
+	--vkui--color_background--hover: #F5F5F7;
+	--vkui--color_background--active: #EBECEF;
+	--vkui--color_background_contrast: #FFFFFF;
+	--vkui--color_background_contrast--hover: #F5F5F7;
+	--vkui--color_background_contrast--active: #EBECEF;
+	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
+	--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
+	--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
+	--vkui--color_background_warning: #FFF1AD;
+	--vkui--color_background_warning--hover: #F5E8A9;
+	--vkui--color_background_warning--active: #EBDFA4;
+	--vkui--color_background_negative: #ED330A;
+	--vkui--color_background_negative--hover: #E4320C;
+	--vkui--color_background_negative--active: #DA300E;
+	--vkui--color_background_tertiary: #F6F7F8;
+	--vkui--color_background_tertiary--hover: #ECEEF1;
+	--vkui--color_background_tertiary--active: #E2E5E9;
+	--vkui--color_background_tertiary_alpha: rgba(0, 0, 0, 0.04);
+	--vkui--color_background_tertiary_alpha--hover: rgba(0, 0, 0, 0.08);
+	--vkui--color_background_tertiary_alpha--active: rgba(0, 0, 0, 0.12);
+	--vkui--color_background_modal: #FFFFFF;
+	--vkui--color_background_modal--hover: #F5F5F7;
+	--vkui--color_background_modal--active: #EBECEF;
+	--vkui--color_background_positive: #0DC268;
+	--vkui--color_background_positive--hover: #0CBB66;
+	--vkui--color_background_positive--active: #0CB465;
+	--vkui--color_background_negative_tint: #FEEFEB;
+	--vkui--color_background_negative_tint--hover: #F4E6E4;
+	--vkui--color_background_negative_tint--active: #EADDDD;
+	--vkui--color_background_positive_tint: #ECFAF3;
+	--vkui--color_background_positive_tint--hover: #E3F1EC;
+	--vkui--color_background_positive_tint--active: #D9E7E4;
+	--vkui--color_field_background: #ffffff;
+	--vkui--color_field_background--hover: #F5F5F7;
+	--vkui--color_field_background--active: #EBECEF;
+	--vkui--color_background_modal_inverse: #303030;
+	--vkui--color_background_modal_inverse--hover: #2E2F31;
+	--vkui--color_background_modal_inverse--active: #2C2D31;
+	--vkui--color_background_contrast_inverse: #303030;
+	--vkui--color_background_contrast_inverse--hover: #2E2F31;
+	--vkui--color_background_contrast_inverse--active: #2C2D31;
+	--vkui--color_background_contrast_themed: #FFFFFF;
+	--vkui--color_background_contrast_themed--hover: #F5F5F7;
+	--vkui--color_background_contrast_themed--active: #EBECEF;
+	--vkui--color_background_accent_tint: #5a9eff;
+	--vkui--color_background_accent_tint--hover: #5698F7;
+	--vkui--color_background_accent_tint--active: #5393EF;
+	--vkui--color_background_info_tint: #f0f4ff;
+	--vkui--color_background_info_tint--hover: #E6EBF7;
+	--vkui--color_background_info_tint--active: #DDE2EF;
+	--vkui--color_text_accent: #0070f0;
+	--vkui--color_text_accent--hover: #006CE9;
+	--vkui--color_text_accent--active: #0068E2;
+	--vkui--color_text_accent_themed: #0070f0;
+	--vkui--color_text_accent_themed--hover: #006CE9;
+	--vkui--color_text_accent_themed--active: #0068E2;
+	--vkui--color_text_negative: #ED330a;
+	--vkui--color_text_negative--hover: #E4320C;
+	--vkui--color_text_negative--active: #DA300E;
+	--vkui--color_text_link: #0070f0;
+	--vkui--color_text_link--hover: #006CE9;
+	--vkui--color_text_link--active: #0068E2;
+	--vkui--color_text_link_tint: #71AAEB;
+	--vkui--color_text_link_tint--hover: #6CA4E4;
+	--vkui--color_text_link_tint--active: #689EDD;
+	--vkui--color_text_link_themed: #0070f0;
+	--vkui--color_text_link_themed--hover: #006CE9;
+	--vkui--color_text_link_themed--active: #0068E2;
+	--vkui--color_text_muted: #2C2D2E;
+	--vkui--color_text_muted--hover: #2A2C2F;
+	--vkui--color_text_muted--active: #282B2F;
+	--vkui--color_text_primary: #2C2D2E;
+	--vkui--color_text_primary--hover: #2A2C2F;
+	--vkui--color_text_primary--active: #282B2F;
+	--vkui--color_text_primary_alpha: rgba(37, 41, 46, 0.84);
+	--vkui--color_text_primary_alpha--hover: rgba(37, 41, 46, 0.88);
+	--vkui--color_text_primary_alpha--active: rgba(37, 41, 46, 0.92);
+	--vkui--color_text_primary_invariably: #2C2D2E;
+	--vkui--color_text_primary_invariably--hover: #2A2C2F;
+	--vkui--color_text_primary_invariably--active: #282B2F;
+	--vkui--color_text_secondary: #87898F;
+	--vkui--color_text_secondary--hover: #82848C;
+	--vkui--color_text_secondary--active: #7C7F88;
+	--vkui--color_text_secondary_alpha: rgba(37, 41, 46, 0.55);
+	--vkui--color_text_secondary_alpha--hover: rgba(37, 41, 46, 0.59);
+	--vkui--color_text_secondary_alpha--active: rgba(37, 41, 46, 0.63);
+	--vkui--color_text_subhead: #797A80;
+	--vkui--color_text_subhead--hover: #74767D;
+	--vkui--color_text_subhead--active: #6F727B;
+	--vkui--color_text_tertiary: #AAADB3;
+	--vkui--color_text_tertiary--hover: #A3A7AE;
+	--vkui--color_text_tertiary--active: #9CA0AA;
+	--vkui--color_text_link_visited: #528FDF;
+	--vkui--color_text_link_visited--hover: #4F8AD9;
+	--vkui--color_text_link_visited--active: #4B85D2;
+	--vkui--color_text_contrast: #FFFFFF;
+	--vkui--color_text_contrast--hover: #F5F5F7;
+	--vkui--color_text_contrast--active: #EBECEF;
+	--vkui--color_text_contrast_themed: #FFFFFF;
+	--vkui--color_text_contrast_themed--hover: #F5F5F7;
+	--vkui--color_text_contrast_themed--active: #EBECEF;
+	--vkui--color_link_contrast: #FFFFFF;
+	--vkui--color_link_contrast--hover: #F5F5F7;
+	--vkui--color_link_contrast--active: #EBECEF;
+	--vkui--color_text_positive: #0DC268;
+	--vkui--color_text_positive--hover: #0CBB66;
+	--vkui--color_text_positive--active: #0CB465;
+	--vkui--color_icon_accent: #0077ff;
+	--vkui--color_icon_accent--hover: #0073F7;
+	--vkui--color_icon_accent--active: #006FEF;
+	--vkui--color_icon_accent_themed: #0077ff;
+	--vkui--color_icon_accent_themed--hover: #0073F7;
+	--vkui--color_icon_accent_themed--active: #006FEF;
+	--vkui--color_icon_primary: #2C2D2E;
+	--vkui--color_icon_primary--hover: #2A2C2F;
+	--vkui--color_icon_primary--active: #282B2F;
+	--vkui--color_icon_primary_invariably: #2C2D2E;
+	--vkui--color_icon_primary_invariably--hover: #2A2C2F;
+	--vkui--color_icon_primary_invariably--active: #282B2F;
+	--vkui--color_icon_medium: #919399;
+	--vkui--color_icon_medium--hover: #8B8E95;
+	--vkui--color_icon_medium--active: #858992;
+	--vkui--color_icon_medium_alpha: rgba(39, 43, 55, 0.5);
+	--vkui--color_icon_medium_alpha--hover: rgba(39, 43, 55, 0.54);
+	--vkui--color_icon_medium_alpha--active: rgba(39, 43, 55, 0.58);
+	--vkui--color_icon_secondary: #A5A7AD;
+	--vkui--color_icon_secondary--hover: #9EA1A9;
+	--vkui--color_icon_secondary--active: #989BA4;
+	--vkui--color_icon_secondary_alpha: rgba(39, 43, 55, 0.3);
+	--vkui--color_icon_secondary_alpha--hover: rgba(39, 43, 55, 0.34);
+	--vkui--color_icon_secondary_alpha--active: rgba(39, 43, 55, 0.38);
+	--vkui--color_icon_tertiary: #CFD1D6;
+	--vkui--color_icon_tertiary--hover: #C7C9D0;
+	--vkui--color_icon_tertiary--active: #BEC2CA;
+	--vkui--color_icon_tertiary_alpha: rgba(39, 43, 55, 0.2);
+	--vkui--color_icon_tertiary_alpha--hover: rgba(39, 43, 55, 0.24);
+	--vkui--color_icon_tertiary_alpha--active: rgba(39, 43, 55, 0.28);
+	--vkui--color_icon_contrast: #FFFFFF;
+	--vkui--color_icon_contrast--hover: #F5F5F7;
+	--vkui--color_icon_contrast--active: #EBECEF;
+	--vkui--color_icon_contrast_themed: #FFFFFF;
+	--vkui--color_icon_contrast_themed--hover: #F5F5F7;
+	--vkui--color_icon_contrast_themed--active: #EBECEF;
+	--vkui--color_icon_positive: #0DC268;
+	--vkui--color_icon_positive--hover: #0CBB66;
+	--vkui--color_icon_positive--active: #0CB465;
+	--vkui--color_icon_warning: #FF9E00;
+	--vkui--color_icon_warning--hover: #F59802;
+	--vkui--color_icon_warning--active: #EB9305;
+	--vkui--color_icon_negative: #ED330a;
+	--vkui--color_icon_negative--hover: #E4320C;
+	--vkui--color_icon_negative--active: #DA300E;
+	--vkui--color_icon_contrast_secondary: #F2F3F5;
+	--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
+	--vkui--color_icon_contrast_secondary--active: #DFE1E6;
+	--vkui--color_stroke_accent: #0077ff;
+	--vkui--color_stroke_accent--hover: #0073F7;
+	--vkui--color_stroke_accent--active: #006FEF;
+	--vkui--color_stroke_accent_themed: #0077ff;
+	--vkui--color_stroke_accent_themed--hover: #0073F7;
+	--vkui--color_stroke_accent_themed--active: #006FEF;
+	--vkui--color_stroke_contrast: #FFFFFF;
+	--vkui--color_stroke_contrast--hover: #F5F5F7;
+	--vkui--color_stroke_contrast--active: #EBECEF;
+	--vkui--color_stroke_negative: #ED330a;
+	--vkui--color_stroke_negative--hover: #E4320C;
+	--vkui--color_stroke_negative--active: #DA300E;
+	--vkui--color_stroke_primary: #2C2D2E;
+	--vkui--color_stroke_primary--hover: #2A2C2F;
+	--vkui--color_stroke_primary--active: #282B2F;
+	--vkui--color_image_border_alpha: rgba(0, 16, 61, 0.08);
+	--vkui--color_image_border_alpha--hover: rgba(0, 16, 61, 0.12);
+	--vkui--color_image_border_alpha--active: rgba(0, 16, 61, 0.16);
+	--vkui--color_field_border_alpha: rgba(0, 16, 61, 0.12);
+	--vkui--color_field_border_alpha--hover: rgba(0, 16, 61, 0.16);
+	--vkui--color_field_border_alpha--active: rgba(0, 16, 61, 0.2);
+	--vkui--color_separator_primary_alpha: rgba(0, 16, 61, 0.12);
+	--vkui--color_separator_primary_alpha--hover: rgba(0, 16, 61, 0.16);
+	--vkui--color_separator_primary_alpha--active: rgba(0, 16, 61, 0.2);
+	--vkui--color_separator_secondary: #E6E7EB;
+	--vkui--color_separator_secondary--hover: #DDDEE4;
+	--vkui--color_separator_secondary--active: #D4D6DD;
+	--vkui--color_separator_primary: #DADCE0;
+	--vkui--color_separator_primary--hover: #D1D4D9;
+	--vkui--color_separator_primary--active: #C9CCD3;
+	--vkui--color_stroke_positive: #0DC268;
+	--vkui--color_stroke_positive--hover: #0CBB66;
+	--vkui--color_stroke_positive--active: #0CB465;
+	--vkui--color_separator_primary2x: #CDD0D5;
+	--vkui--color_separator_primary2x--hover: #C5C8CF;
+	--vkui--color_separator_primary2x--active: #BDC1C9;
+	--vkui--color_separator_primary3x: #BFC3CA;
+	--vkui--color_separator_primary3x--hover: #B7BCC4;
+	--vkui--color_separator_primary3x--active: #B0B5BF;
+	--vkui--color_accent_blue: #0077FF;
+	--vkui--color_accent_blue--hover: #0073F7;
+	--vkui--color_accent_blue--active: #006FEF;
+	--vkui--color_accent_gray: #A5A7AD;
+	--vkui--color_accent_gray--hover: #9EA1A9;
+	--vkui--color_accent_gray--active: #989BA4;
+	--vkui--color_accent_red: #ED330A;
+	--vkui--color_accent_red--hover: #E4320C;
+	--vkui--color_accent_red--active: #DA300E;
+	--vkui--color_accent_orange_fire: #F05C44;
+	--vkui--color_accent_orange_fire--hover: #E65944;
+	--vkui--color_accent_orange_fire--active: #DD5643;
+	--vkui--color_accent_orange: #FF9E00;
+	--vkui--color_accent_orange--hover: #F59802;
+	--vkui--color_accent_orange--active: #EB9305;
+	--vkui--color_accent_orange_peach: #F9B54F;
+	--vkui--color_accent_orange_peach--hover: #EFAE4E;
+	--vkui--color_accent_orange_peach--active: #E5A84E;
+	--vkui--color_accent_lime: #B8FC75;
+	--vkui--color_accent_lime--hover: #B1F373;
+	--vkui--color_accent_lime--active: #A9E971;
+	--vkui--color_accent_green: #0DC268;
+	--vkui--color_accent_green--hover: #0CBB66;
+	--vkui--color_accent_green--active: #0CB465;
+	--vkui--color_accent_cyan: #07E5F9;
+	--vkui--color_accent_cyan--hover: #07DCF1;
+	--vkui--color_accent_cyan--active: #06D4EA;
+	--vkui--color_accent_azure: #0077FF;
+	--vkui--color_accent_azure--hover: #0073F7;
+	--vkui--color_accent_azure--active: #006FEF;
+	--vkui--color_accent_purple: #8C64FF;
+	--vkui--color_accent_purple--hover: #8661F7;
+	--vkui--color_accent_purple--active: #815DEF;
+	--vkui--color_accent_violet: #C15DF3;
+	--vkui--color_accent_violet--hover: #B95AEC;
+	--vkui--color_accent_violet--active: #B257E4;
+	--vkui--color_accent_raspberry_pink: #E03FAB;
+	--vkui--color_accent_raspberry_pink--hover: #D73DA7;
+	--vkui--color_accent_raspberry_pink--active: #CE3BA2;
+	--vkui--color_accent_pink: #FF3985;
+	--vkui--color_accent_pink--hover: #F53782;
+	--vkui--color_accent_pink--active: #EB367F;
+	--vkui--color_accent_secondary: #FF9E00;
+	--vkui--color_accent_secondary--hover: #F59802;
+	--vkui--color_accent_secondary--active: #EB9305;
+	--vkui--color_action_sheet_text: #0077ff;
+	--vkui--color_action_sheet_text--hover: #0073F7;
+	--vkui--color_action_sheet_text--active: #006FEF;
+	--vkui--color_header_background: #FFFFFF;
+	--vkui--color_header_background--hover: #F5F5F7;
+	--vkui--color_header_background--active: #EBECEF;
+	--vkui--color_panel_header_icon: #0077ff;
+	--vkui--color_panel_header_icon--hover: #0073F7;
+	--vkui--color_panel_header_icon--active: #006FEF;
+	--vkui--color_write_bar_input_background: #F0F1F3;
+	--vkui--color_write_bar_input_background--hover: #E6E8EC;
+	--vkui--color_write_bar_input_background--active: #DDDFE4;
+	--vkui--color_write_bar_input_border: #E1E3E6;
+	--vkui--color_write_bar_input_border--hover: #D8DBDF;
+	--vkui--color_write_bar_input_border--active: #CFD2D8;
+	--vkui--color_write_bar_input_border_alpha: rgba(0, 16, 61, 0.8);
+	--vkui--color_write_bar_input_border_alpha--hover: rgba(0, 16, 61, 0.84);
+	--vkui--color_write_bar_input_border_alpha--active: rgba(0, 16, 61, 0.88);
+	--vkui--color_track_background: #DADCE0;
+	--vkui--color_track_background--hover: #D1D4D9;
+	--vkui--color_track_background--active: #C9CCD3;
+	--vkui--color_track_buffer: #83AAEA;
+	--vkui--color_track_buffer--hover: #7EA4E3;
+	--vkui--color_track_buffer--active: #799EDC;
+	--vkui--color_image_placeholder: #E6E7EB;
+	--vkui--color_image_placeholder--hover: #DDDEE4;
+	--vkui--color_image_placeholder--active: #D4D6DD;
+	--vkui--color_image_placeholder_alpha: rgba(0, 16, 61, 0.8);
+	--vkui--color_image_placeholder_alpha--hover: rgba(0, 16, 61, 0.84);
+	--vkui--color_image_placeholder_alpha--active: rgba(0, 16, 61, 0.88);
+	--vkui--color_search_field_background: #E6E7EB;
+	--vkui--color_search_field_background--hover: #DDDEE4;
+	--vkui--color_search_field_background--active: #D4D6DD;
+	--vkui--color_write_bar_icon: #0077ff;
+	--vkui--color_write_bar_icon--hover: #0073F7;
+	--vkui--color_write_bar_icon--active: #006FEF;
+	--vkui--color_skeleton_from: #F3F3F5;
+	--vkui--color_skeleton_from--hover: #E9EAEE;
+	--vkui--color_skeleton_from--active: #E0E1E6;
+	--vkui--color_skeleton_to: #E0E1E6;
+	--vkui--color_skeleton_to--hover: #D7D9DF;
+	--vkui--color_skeleton_to--active: #CED0D8;
+	--vkui--color_avatar_overlay: rgba(145, 147, 153, 0.48);
+	--vkui--color_avatar_overlay--hover: rgba(145, 147, 153, 0.52);
+	--vkui--color_avatar_overlay--active: rgba(145, 147, 153, 0.56);
+	--vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
+	--vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
+	--vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
+	--vkui--color_overlay_primary: rgba(0, 0, 0, 0.4);
+	--vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
+	--vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
+	--vkui--color_overlay_secondary: rgba(44, 45, 46, 0.5);
+	--vkui--color_overlay_secondary--hover: rgba(44, 45, 46, 0.54);
+	--vkui--color_overlay_secondary--active: rgba(44, 45, 46, 0.58);
+	--vkui--color_segmented_control: #FFFFFF;
+	--vkui--color_segmented_control--hover: #F5F5F7;
+	--vkui--color_segmented_control--active: #EBECEF;
+	--vkui--color_tabbar_text_inactive: #99A2AD;
+	--vkui--color_tabbar_text_inactive--hover: #939CA9;
+	--vkui--color_tabbar_text_inactive--active: #8D96A4;
+	--vkui--color_button_text: #0077ff;
+	--vkui--color_button_text--hover: #0073F7;
+	--vkui--color_button_text--active: #006FEF;
+	--vkui--color_button_icon: #0077ff;
+	--vkui--color_button_icon--hover: #0073F7;
+	--vkui--color_button_icon--active: #006FEF;
+	--vkui--color_button_stroke: #0077ff;
+	--vkui--color_button_stroke--hover: #0073F7;
+	--vkui--color_button_stroke--active: #006FEF;
+	--vkui--color_transparent: transparent;
+	--vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
+	--vkui--color_transparent--active: rgba(0, 16, 61, 0.08);
+	--vkui--color_rating: #ffd400;
+	--vkui--color_rating--hover: #F5CC02;
+	--vkui--color_rating--active: #EBC405;
+	--vkui--color_button_contrast_alpha: rgba(255, 255, 255, 1);
+	--vkui--color_button_contrast_alpha--hover: rgba(255, 255, 255, 0.8);
+	--vkui--color_button_contrast_alpha--active: rgba(255, 255, 255, 0.6);
+	--vkui--color_button_contrast: #FFFFFF;
+	--vkui--color_button_contrast--hover: #FFFFFF;
+	--vkui--color_button_contrast--active: #FFFFFF;
+	--vkui--color_thumb_error_background_alpha: rgba(237, 10, 52, 0.12);
+	--vkui--color_thumb_error_background_alpha--hover: rgba(237, 10, 52, 0.16);
+	--vkui--color_thumb_error_background_alpha--active: rgba(237, 10, 52, 0.2);
+	--vkui--color_background_accent_tint_themed_alpha: rgba(0, 119, 255, 0.06);
+	--vkui--color_background_accent_tint_themed_alpha--hover: rgba(0, 119, 255, 0.1);
+	--vkui--color_background_accent_tint_themed_alpha--active: rgba(0, 119, 255, 0.14);
+	--vkui--color_background_accent_tint_alpha: rgba(0, 119, 255, 0.06);
+	--vkui--color_background_accent_tint_alpha--hover: rgba(0, 119, 255, 0.1);
+	--vkui--color_background_accent_tint_alpha--active: rgba(0, 119, 255, 0.14);
+	--vkui--color_background_accent_tint_themed: #f0f7ff;
+	--vkui--color_background_accent_tint_themed--hover: #E6EEF7;
+	--vkui--color_background_accent_tint_themed--active: #DDE5EF;
+	--vkui--color_background_warning_tint_themed_alpha: rgba(255, 241, 173, 0.48);
+	--vkui--color_background_warning_tint_themed_alpha--hover: rgba(255, 241, 173, 0.52);
+	--vkui--color_background_warning_tint_themed_alpha--active: rgba(255, 241, 173, 0.56);
+	--vkui--color_background_warning_tint_alpha: rgba(255, 241, 173, 0.48);
+	--vkui--color_background_warning_tint_alpha--hover: rgba(255, 241, 173, 0.52);
+	--vkui--color_background_warning_tint_alpha--active: rgba(255, 241, 173, 0.56);
+	--vkui--color_background_warning_tint_themed: #fffce0;
+	--vkui--color_background_warning_tint_themed--hover: #F5F3D9;
+	--vkui--color_background_warning_tint_themed--active: #EBE9D3;
+	--vkui--color_background_warning_tint: #fffce0;
+	--vkui--color_background_warning_tint--hover: #F5F3D9;
+	--vkui--color_background_warning_tint--active: #EBE9D3;
+	--vkui--color_background_negative_tint_themed_alpha: rgba(237, 51, 10, 0.08);
+	--vkui--color_background_negative_tint_themed_alpha--hover: rgba(237, 51, 10, 0.12);
+	--vkui--color_background_negative_tint_themed_alpha--active: rgba(237, 51, 10, 0.16);
+	--vkui--color_background_negative_tint_alpha: rgba(237, 51, 10, 0.08);
+	--vkui--color_background_negative_tint_alpha--hover: rgba(237, 51, 10, 0.12);
+	--vkui--color_background_negative_tint_alpha--active: rgba(237, 51, 10, 0.16);
+	--vkui--color_background_negative_tint_themed: #feefeb;
+	--vkui--color_background_negative_tint_themed--hover: #F4E6E4;
+	--vkui--color_background_negative_tint_themed--active: #EADDDD;
+	--vkui--color_background_positive_tint_themed_alpha: rgba(13, 194, 104, 0.08);
+	--vkui--color_background_positive_tint_themed_alpha--hover: rgba(13, 194, 104, 0.12);
+	--vkui--color_background_positive_tint_themed_alpha--active: rgba(13, 194, 104, 0.16);
+	--vkui--color_background_positive_tint_alpha: rgba(13, 194, 104, 0.08);
+	--vkui--color_background_positive_tint_alpha--hover: rgba(13, 194, 104, 0.12);
+	--vkui--color_background_positive_tint_alpha--active: rgba(13, 194, 104, 0.16);
+	--vkui--color_background_positive_tint_themed: #ECFAF3;
+	--vkui--color_background_positive_tint_themed--hover: #E3F1EC;
+	--vkui--color_background_positive_tint_themed--active: #D9E7E4;
+	--vkui--color_tooltip_background_blue_tint: #DDE9FF;
+	--vkui--color_tooltip_background_blue_tint--hover: #D4E0F7;
+	--vkui--color_tooltip_background_blue_tint--active: #CBD8EF;
+	--vkui--color_tooltip_background_green_tint: #CEEEE6;
+	--vkui--color_tooltip_background_green_tint--hover: #C6E5DF;
+	--vkui--color_tooltip_background_green_tint--active: #BEDCD8;
+	--vkui--color_tooltip_background_orange_tint: #F9D3BD;
+	--vkui--color_tooltip_background_orange_tint--hover: #EFCBB8;
+	--vkui--color_tooltip_background_orange_tint--active: #E5C3B3;
+	--vkui--color_tooltip_background_purple_tint: #F2E8FF;
+	--vkui--color_tooltip_background_purple_tint--hover: #E8DFF7;
+	--vkui--color_tooltip_background_purple_tint--active: #DFD7EF;
+	--vkui--color_tooltip_text_blue_themed: #1C4479;
+	--vkui--color_tooltip_text_blue_themed--hover: #1B4277;
+	--vkui--color_tooltip_text_blue_themed--active: #1A4074;
+	--vkui--color_tooltip_text_green_themed: #087C6D;
+	--vkui--color_tooltip_text_green_themed--hover: #08786B;
+	--vkui--color_tooltip_text_green_themed--active: #077369;
+	--vkui--color_tooltip_text_orange_themed: #78472A;
+	--vkui--color_tooltip_text_orange_themed--hover: #73452B;
+	--vkui--color_tooltip_text_orange_themed--active: #6E432C;
+	--vkui--color_tooltip_text_purple_themed: #73519F;
+	--vkui--color_tooltip_text_purple_themed--hover: #6E4E9B;
+	--vkui--color_tooltip_text_purple_themed--active: #6A4C97;
+	--vkui--color_background_sky: #cce4ff;
+	--vkui--color_background_sky--hover: #C4DCF7;
+	--vkui--color_background_sky--active: #BCD3EF;
+	--vkui--color_background_sky_alpha: rgba(204, 228, 255, 0.9);
+	--vkui--color_background_sky_alpha--hover: rgba(204, 228, 255, 0.9400000000000001);
+	--vkui--color_background_sky_alpha--active: rgba(204, 228, 255, 0.98);
+	--vkui--color_counter_background_secondary_alpha: rgba(0, 16, 61, 0.1);
+	--vkui--color_counter_background_secondary_alpha--hover: rgba(0, 16, 61, 0.14);
+	--vkui--color_counter_background_secondary_alpha--active: rgba(0, 16, 61, 0.18);
+	--vkui--color_counter_background_tertiary_alpha: rgba(90, 158, 255, 0.2);
+	--vkui--color_counter_background_tertiary_alpha--hover: rgba(90, 158, 255, 0.24);
+	--vkui--color_counter_background_tertiary_alpha--active: rgba(90, 158, 255, 0.28);
+	--vkui--color_counter_text_tertiary: #0070F0;
+	--vkui--color_counter_text_tertiary--hover: #006CE9;
+	--vkui--color_counter_text_tertiary--active: #0068E2;
+	--vkui--color_text_medium_alpha: rgba(44, 45, 46, 0.56);
+	--vkui--color_text_medium_alpha--hover: rgba(44, 45, 46, 0.6);
+	--vkui--color_text_medium_alpha--active: rgba(44, 45, 46, 0.64);
+	--vkui--color_icon_notification_neutral_alpha: rgba(67, 83, 103, 0.28);
+	--vkui--color_icon_notification_neutral_alpha--hover: rgba(67, 83, 103, 0.32);
+	--vkui--color_icon_notification_neutral_alpha--active: rgba(67, 83, 103, 0.36);
+	--vkui--color_icon_notification_red: #FF5C5C;
+	--vkui--color_icon_notification_red--hover: #F5595B;
+	--vkui--color_icon_notification_red--active: #EB565A;
+	--vkui--color_icon_notification_accent: #0077FF;
+	--vkui--color_icon_notification_accent--hover: #0073F7;
+	--vkui--color_icon_notification_accent--active: #006FEF;
+	--vkui--color_bubble_background_accent: #DEECFF;
+	--vkui--color_bubble_background_accent--hover: #D5E3F7;
+	--vkui--color_bubble_background_accent--active: #CCDAEF;
+	--vkui--color_bubble_background_neutral: #FFFFFF;
+	--vkui--color_bubble_background_neutral--hover: #F5F5F7;
+	--vkui--color_bubble_background_neutral--active: #EBECEF;
+	--vkui--color_bubble_highlight_accent_alpha: rgba(0, 119, 255, 0.16);
+	--vkui--color_bubble_highlight_accent_alpha--hover: rgba(0, 119, 255, 0.2);
+	--vkui--color_bubble_highlight_accent_alpha--active: rgba(0, 119, 255, 0.24);
+	--vkui--color_bubble_text_red: #C43131;
+	--vkui--color_bubble_text_red--hover: #BC3031;
+	--vkui--color_bubble_text_red--active: #B42E32;
+	--vkui--color_bubble_text_orange: #C84900;
+	--vkui--color_bubble_text_orange--hover: #C04702;
+	--vkui--color_bubble_text_orange--active: #B84405;
+	--vkui--color_bubble_text_peach: #BE6116;
+	--vkui--color_bubble_text_peach--hover: #B65E18;
+	--vkui--color_bubble_text_peach--active: #AF5B19;
+	--vkui--color_bubble_text_yellow: #987202;
+	--vkui--color_bubble_text_yellow--hover: #926E04;
+	--vkui--color_bubble_text_yellow--active: #8C6A07;
+	--vkui--color_bubble_text_lime: #5B841D;
+	--vkui--color_bubble_text_lime--hover: #577F1E;
+	--vkui--color_bubble_text_lime--active: #547B20;
+	--vkui--color_bubble_text_green: #1C8022;
+	--vkui--color_bubble_text_green--hover: #1B7C23;
+	--vkui--color_bubble_text_green--active: #1A7724;
+	--vkui--color_bubble_text_cyan: #097F94;
+	--vkui--color_bubble_text_cyan--hover: #097B91;
+	--vkui--color_bubble_text_cyan--active: #08768D;
+	--vkui--color_bubble_text_mint: #1E7D70;
+	--vkui--color_bubble_text_mint--hover: #1D796E;
+	--vkui--color_bubble_text_mint--active: #1C746C;
+	--vkui--color_bubble_text_seagreen: #0F815B;
+	--vkui--color_bubble_text_seagreen--hover: #0E7C5A;
+	--vkui--color_bubble_text_seagreen--active: #0E7859;
+	--vkui--color_bubble_text_sky: #2B6D94;
+	--vkui--color_bubble_text_sky--hover: #296991;
+	--vkui--color_bubble_text_sky--active: #28668D;
+	--vkui--color_bubble_text_blue: #205EC2;
+	--vkui--color_bubble_text_blue--hover: #1F5BBD;
+	--vkui--color_bubble_text_blue--active: #1D58B7;
+	--vkui--color_bubble_text_indigo: #4C47C8;
+	--vkui--color_bubble_text_indigo--hover: #4945C2;
+	--vkui--color_bubble_text_indigo--active: #4643BD;
+	--vkui--color_bubble_text_violet: #7042AC;
+	--vkui--color_bubble_text_violet--hover: #6C40A8;
+	--vkui--color_bubble_text_violet--active: #673EA3;
+	--vkui--color_bubble_text_lavender: #6D5292;
+	--vkui--color_bubble_text_lavender--hover: #694F8F;
+	--vkui--color_bubble_text_lavender--active: #644D8B;
+	--vkui--color_bubble_text_coral: #A53848;
+	--vkui--color_bubble_text_coral--hover: #9E3648;
+	--vkui--color_bubble_text_coral--active: #983547;
+	--vkui--color_bubble_text_pink: #A22A60;
+	--vkui--color_bubble_text_pink--hover: #9C295F;
+	--vkui--color_bubble_text_pink--active: #95285D;
+	--vkui--color_other_pull_background_accent_alpha: rgba(0, 119, 255, 0.06);
+	--vkui--color_other_pull_background_accent_alpha--hover: rgba(0, 119, 255, 0.1);
+	--vkui--color_other_pull_background_accent_alpha--active: rgba(0, 119, 255, 0.14);
+	--vkui--color_other_pull_progress_accent_alpha: rgba(0, 119, 255, 0.08);
+	--vkui--color_other_pull_progress_accent_alpha--hover: rgba(0, 119, 255, 0.12);
+	--vkui--color_other_pull_progress_accent_alpha--active: rgba(0, 119, 255, 0.16);
+	--vkui--color_other_background_blur_alpha: rgba(255, 255, 255, 0.01);
+	--vkui--color_other_background_blur_alpha--hover: rgba(255, 255, 255, 0.05);
+	--vkui--color_other_background_blur_alpha--active: rgba(255, 255, 255, 0.09);
+	--vkui--color_other_background_media_alpha: rgba(0, 16, 61, 0.12);
+	--vkui--color_other_background_media_alpha--hover: rgba(0, 16, 61, 0.16);
+	--vkui--color_other_background_media_alpha--active: rgba(0, 16, 61, 0.2);
+	--vkui--color_bubble_transparent_hover: rgba(0, 16, 61, 0.08);
+	--vkui--color_bubble_transparent_hover--hover: rgba(0, 16, 61, 0.12);
+	--vkui--color_bubble_transparent_hover--active: rgba(0, 16, 61, 0.16);
+	--vkui--color_bubble_transparent_active: rgba(0, 16, 61, 0.12);
+	--vkui--color_bubble_transparent_active--hover: rgba(0, 16, 61, 0.16);
+	--vkui--color_bubble_transparent_active--active: rgba(0, 16, 61, 0.2);
+}