@vkontakte/vkui-tokens 4.35.2-dev-cfbf64.0 → 4.36.0

package/themes/vkontakteComDark/cssVars/theme/fallbacks/index.styl

@@ -196,12 +196,12 @@ $color-background-positive--active = var(--vkui--color_background_positive--acti
 $color-background-negative = var(--vkui--color_background_negative, #FF5C5C);
 $color-background-negative--hover = var(--vkui--color_background_negative--hover, #FF6363);
 $color-background-negative--active = var(--vkui--color_background_negative--active, #FF6969);
-$color-background-negative-tint = var(--vkui--color_background_negative_tint, #522E2E);
+$color-background-negative-tint = var(--vkui--color_background_negative_tint, #522e2e);
 $color-background-negative-tint--hover = var(--vkui--color_background_negative_tint--hover, #593636);
 $color-background-negative-tint--active = var(--vkui--color_background_negative_tint--active, #603F3F);
-$color-background-positive-tint = var(--vkui--color_background_positive_tint, #E8f9e8);
-$color-background-positive-tint--hover = var(--vkui--color_background_positive_tint--hover, #E9F9E9);
-$color-background-positive-tint--active = var(--vkui--color_background_positive_tint--active, #EAF9EA);
+$color-background-positive-tint = var(--vkui--color_background_positive_tint, #b1d6b1);
+$color-background-positive-tint--hover = var(--vkui--color_background_positive_tint--hover, #B4D8B4);
+$color-background-positive-tint--active = var(--vkui--color_background_positive_tint--active, #B7D9B7);
 $color-field-background = var(--vkui--color_field_background, #292929);
 $color-field-background--hover = var(--vkui--color_field_background--hover, #323232);
 $color-field-background--active = var(--vkui--color_field_background--active, #3A3A3A);
@@ -220,9 +220,9 @@ $color-text-primary--active = var(--vkui--color_text_primary--active, #E3E5E8);
 $color-text-primary-invariably = var(--vkui--color_text_primary_invariably, #333333);
 $color-text-primary-invariably--hover = var(--vkui--color_text_primary_invariably--hover, #3B3B3B);
 $color-text-primary-invariably--active = var(--vkui--color_text_primary_invariably--active, #434343);
-$color-text-secondary = var(--vkui--color_text_secondary, #828282);
-$color-text-secondary--hover = var(--vkui--color_text_secondary--hover, #878787);
-$color-text-secondary--active = var(--vkui--color_text_secondary--active, #8C8C8C);
+$color-text-secondary = var(--vkui--color_text_secondary, #B2B2B2);
+$color-text-secondary--hover = var(--vkui--color_text_secondary--hover, #B5B5B5);
+$color-text-secondary--active = var(--vkui--color_text_secondary--active, #B8B8B8);
 $color-text-subhead = var(--vkui--color_text_subhead, #939393);
 $color-text-subhead--hover = var(--vkui--color_text_subhead--hover, #979797);
 $color-text-subhead--active = var(--vkui--color_text_subhead--active, #9C9C9C);
@@ -247,10 +247,10 @@ $color-text-link--active = var(--vkui--color_text_link--active, #7CB1ED);
 $color-text-link-themed = var(--vkui--color_text_link_themed, #939393);
 $color-text-link-themed--hover = var(--vkui--color_text_link_themed--hover, #979797);
 $color-text-link-themed--active = var(--vkui--color_text_link_themed--active, #9C9C9C);
-$color-text-link-tint = var(--vkui--color_text_link_tint, #71AAEB);
+$color-text-link-tint = var(--vkui--color_text_link_tint, #71aaeb);
 $color-text-link-tint--hover = var(--vkui--color_text_link_tint--hover, #77ADEC);
 $color-text-link-tint--active = var(--vkui--color_text_link_tint--active, #7CB1ED);
-$color-text-link-visited = var(--vkui--color_text_link_visited, #4986CC);
+$color-text-link-visited = var(--vkui--color_text_link_visited, #4986cc);
 $color-text-link-visited--hover = var(--vkui--color_text_link_visited--hover, #508BCE);
 $color-text-link-visited--active = var(--vkui--color_text_link_visited--active, #5890D0);
 $color-text-muted = var(--vkui--color_text_muted, #CCCCCC);
@@ -259,16 +259,13 @@ $color-text-muted--active = var(--vkui--color_text_muted--active, #D0D0D0);
 $color-link-contrast = var(--vkui--color_link_contrast, #CCCCCC);
 $color-link-contrast--hover = var(--vkui--color_link_contrast--hover, #CECECE);
 $color-link-contrast--active = var(--vkui--color_link_contrast--active, #D0D0D0);
-$color-text-button = var(--vkui--color_text_button, #E1E3E6);
-$color-text-button--hover = var(--vkui--color_text_button--hover, #E2E4E7);
-$color-text-button--active = var(--vkui--color_text_button--active, #E3E5E8);
 $color-icon-accent = var(--vkui--color_icon_accent, #71AAEB);
 $color-icon-accent--hover = var(--vkui--color_icon_accent--hover, #77ADEC);
 $color-icon-accent--active = var(--vkui--color_icon_accent--active, #7CB1ED);
 $color-icon-accent-themed = var(--vkui--color_icon_accent_themed, #E1E3E6);
 $color-icon-accent-themed--hover = var(--vkui--color_icon_accent_themed--hover, #E2E4E7);
 $color-icon-accent-themed--active = var(--vkui--color_icon_accent_themed--active, #E3E5E8);
-$color-icon-primary = var(--vkui--color_icon_primary, #E1E3E6);
+$color-icon-primary = var(--vkui--color_icon_primary, #e1e3e6);
 $color-icon-primary--hover = var(--vkui--color_icon_primary--hover, #E2E4E7);
 $color-icon-primary--active = var(--vkui--color_icon_primary--active, #E3E5E8);
 $color-icon-primary-invariably = var(--vkui--color_icon_primary_invariably, #333333);
@@ -298,7 +295,7 @@ $color-icon-contrast--active = var(--vkui--color_icon_contrast--active, #E3E5E8)
 $color-icon-contrast-themed = var(--vkui--color_icon_contrast_themed, #222222);
 $color-icon-contrast-themed--hover = var(--vkui--color_icon_contrast_themed--hover, #2B2B2B);
 $color-icon-contrast-themed--active = var(--vkui--color_icon_contrast_themed--active, #343434);
-$color-icon-contrast-secondary = var(--vkui--color_icon_contrast_secondary, #F2F3F5);
+$color-icon-contrast-secondary = var(--vkui--color_icon_contrast_secondary, #f2f3f5);
 $color-icon-contrast-secondary--hover = var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5);
 $color-icon-contrast-secondary--active = var(--vkui--color_icon_contrast_secondary--active, #F3F4F6);
 $color-icon-positive = var(--vkui--color_icon_positive, #4BB34B);
@@ -307,9 +304,6 @@ $color-icon-positive--active = var(--vkui--color_icon_positive--active, #59B959)
 $color-icon-negative = var(--vkui--color_icon_negative, #FF5C5C);
 $color-icon-negative--hover = var(--vkui--color_icon_negative--hover, #FF6363);
 $color-icon-negative--active = var(--vkui--color_icon_negative--active, #FF6969);
-$color-icon-button = var(--vkui--color_icon_button, #E1E3E6);
-$color-icon-button--hover = var(--vkui--color_icon_button--hover, #E2E4E7);
-$color-icon-button--active = var(--vkui--color_icon_button--active, #E3E5E8);
 $color-stroke-accent = var(--vkui--color_stroke_accent, #71AAEB);
 $color-stroke-accent--hover = var(--vkui--color_stroke_accent--hover, #77ADEC);
 $color-stroke-accent--active = var(--vkui--color_stroke_accent--active, #7CB1ED);
@@ -346,9 +340,6 @@ $color-image-border-alpha--active = var(--vkui--color_image_border_alpha--active
 $color-field-border-alpha = var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12));
 $color-field-border-alpha--hover = var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16));
 $color-field-border-alpha--active = var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2));
-$color-stroke-button = var(--vkui--color_stroke_button, #E1E3E6);
-$color-stroke-button--hover = var(--vkui--color_stroke_button--hover, #E2E4E7);
-$color-stroke-button--active = var(--vkui--color_stroke_button--active, #E3E5E8);
 $color-accent-blue = var(--vkui--color_accent_blue, #397DCC);
 $color-accent-blue--hover = var(--vkui--color_accent_blue--hover, #4182CE);
 $color-accent-blue--active = var(--vkui--color_accent_blue--active, #4987D0);
@@ -364,7 +355,7 @@ $color-accent-green--active = var(--vkui--color_accent_green--active, #59B959);
 $color-accent-orange = var(--vkui--color_accent_orange, #FFA000);
 $color-accent-orange--hover = var(--vkui--color_accent_orange--hover, #FFA40A);
 $color-accent-orange--active = var(--vkui--color_accent_orange--active, #FFA814);
-$color-accent-orange-fire = var(--vkui--color_accent_orange_fire, #F05C44);
+$color-accent-orange-fire = var(--vkui--color_accent_orange_fire, #f05c44);
 $color-accent-orange-fire--hover = var(--vkui--color_accent_orange_fire--hover, #F1634B);
 $color-accent-orange-fire--active = var(--vkui--color_accent_orange_fire--active, #F16953);
 $color-accent-purple = var(--vkui--color_accent_purple, #937FF5);
@@ -373,22 +364,25 @@ $color-accent-purple--active = var(--vkui--color_accent_purple--active, #9C89F6)
 $color-accent-violet = var(--vkui--color_accent_violet, #A393F5);
 $color-accent-violet--hover = var(--vkui--color_accent_violet--hover, #A797F5);
 $color-accent-violet--active = var(--vkui--color_accent_violet--active, #AA9CF6);
-$color-accent-raspberry-pink = var(--vkui--color_accent_raspberry_pink, #F060C0);
+$color-accent-raspberry-pink = var(--vkui--color_accent_raspberry_pink, #f060c0);
 $color-accent-raspberry-pink--hover = var(--vkui--color_accent_raspberry_pink--hover, #F166C3);
 $color-accent-raspberry-pink--active = var(--vkui--color_accent_raspberry_pink--active, #F16DC5);
-$color-accent-secondary = var(--vkui--color_accent_secondary, #3F8AE0);
+$color-accent-secondary = var(--vkui--color_accent_secondary, #3f8ae0);
 $color-accent-secondary--hover = var(--vkui--color_accent_secondary--hover, #478FE1);
 $color-accent-secondary--active = var(--vkui--color_accent_secondary--active, #4E93E2);
-$color-overlay-primary = var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4));
+$color-overlay-primary = var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40));
 $color-overlay-primary--hover = var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44));
 $color-overlay-primary--active = var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48));
-$color-avatar-overlay = var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.6));
+$color-avatar-overlay = var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60));
 $color-avatar-overlay--hover = var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64));
 $color-avatar-overlay--active = var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68));
 $color-avatar-overlay-inverse-alpha = var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85));
 $color-avatar-overlay-inverse-alpha--hover = var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89));
 $color-avatar-overlay-inverse-alpha--active = var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93));
-$color-image-placeholder = var(--vkui--color_image_placeholder, #2A2B2C);
+$color-action-sheet-text = var(--vkui--color_action_sheet_text, #71aaeb);
+$color-action-sheet-text--hover = var(--vkui--color_action_sheet_text--hover, #77ADEC);
+$color-action-sheet-text--active = var(--vkui--color_action_sheet_text--active, #7CB1ED);
+$color-image-placeholder = var(--vkui--color_image_placeholder, #2a2b2c);
 $color-image-placeholder--hover = var(--vkui--color_image_placeholder--hover, #333334);
 $color-image-placeholder--active = var(--vkui--color_image_placeholder--active, #3B3C3D);
 $color-image-placeholder-alpha = var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08));
@@ -412,9 +406,6 @@ $color-write-bar-input-border--active = var(--vkui--color_write_bar_input_border
 $color-write-bar-input-border-alpha = var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8));
 $color-write-bar-input-border-alpha--hover = var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84));
 $color-write-bar-input-border-alpha--active = var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88));
-$color-action-sheet-text = var(--vkui--color_action_sheet_text, #529EF4);
-$color-action-sheet-text--hover = var(--vkui--color_action_sheet_text--hover, #59A2F4);
-$color-action-sheet-text--active = var(--vkui--color_action_sheet_text--active, #60A6F5);
 $color-track-background = var(--vkui--color_track_background, #828282);
 $color-track-background--hover = var(--vkui--color_track_background--hover, #878787);
 $color-track-background--active = var(--vkui--color_track_background--active, #8C8C8C);
@@ -436,9 +427,6 @@ $color-transparent--active = var(--vkui--color_transparent--active, rgba(255, 25
 $vkontakte-color-snippet-border-alpha = var(--vkui--vkontakte_color_snippet_border_alpha, rgba(255, 255, 255, 0.16));
 $vkontakte-color-snippet-border-alpha--hover = var(--vkui--vkontakte_color_snippet_border_alpha--hover, rgba(255, 255, 255, 0.2));
 $vkontakte-color-snippet-border-alpha--active = var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(255, 255, 255, 0.24));
-$vkontakte-color-snippet-background = var(--vkui--vkontakte_color_snippet_background, #272727);
-$vkontakte-color-snippet-background--hover = var(--vkui--vkontakte_color_snippet_background--hover, #303030);
-$vkontakte-color-snippet-background--active = var(--vkui--vkontakte_color_snippet_background--active, #383838);
 $vkontakte-color-modal-card-border-alpha = var(--vkui--vkontakte_color_modal_card_border_alpha, rgba(255, 255, 255, 0.12));
 $vkontakte-color-modal-card-border-alpha--hover = var(--vkui--vkontakte_color_modal_card_border_alpha--hover, rgba(255, 255, 255, 0.16));
 $vkontakte-color-modal-card-border-alpha--active = var(--vkui--vkontakte_color_modal_card_border_alpha--active, rgba(255, 255, 255, 0.2));
@@ -451,144 +439,6 @@ $vkontakte-color-action-sheet-separator-alpha--active = var(--vkui--vkontakte_co
 $vkontakte-color-input-border = var(--vkui--vkontakte_color_input_border, #555555);
 $vkontakte-color-input-border--hover = var(--vkui--vkontakte_color_input_border--hover, #5C5C5C);
 $vkontakte-color-input-border--active = var(--vkui--vkontakte_color_input_border--active, #636363);
-$vkontakte-color-search-bar-background = var(--vkui--vkontakte_color_search_bar_background, #222222);
-$vkontakte-color-search-bar-background--hover = var(--vkui--vkontakte_color_search_bar_background--hover, #2B2B2B);
-$vkontakte-color-search-bar-background--active = var(--vkui--vkontakte_color_search_bar_background--active, #343434);
-$vkontakte-color-search-bar-field-tint = var(--vkui--vkontakte_color_search_bar_field_tint, #b2b2b2);
-$vkontakte-color-search-bar-field-tint--hover = var(--vkui--vkontakte_color_search_bar_field_tint--hover, #B5B5B5);
-$vkontakte-color-search-bar-field-tint--active = var(--vkui--vkontakte_color_search_bar_field_tint--active, #B8B8B8);
-$vkontakte-background-hover-alpha = var(--vkui--vkontakte_background_hover_alpha, rgba(255, 255, 255, 0.08));
-$vkontakte-background-hover-alpha--hover = var(--vkui--vkontakte_background_hover_alpha--hover, rgba(255, 255, 255, 0.12));
-$vkontakte-background-hover-alpha--active = var(--vkui--vkontakte_background_hover_alpha--active, rgba(255, 255, 255, 0.16));
-$vkontakte-color-accent-alternate = var(--vkui--vkontakte_color_accent_alternate, #FFFFFF);
-$vkontakte-color-accent-alternate--hover = var(--vkui--vkontakte_color_accent_alternate--hover, #EBEDF0);
-$vkontakte-color-accent-alternate--active = var(--vkui--vkontakte_color_accent_alternate--active, #D7D8DB);
-$vkontakte-color-background-suggestions = var(--vkui--vkontakte_color_background_suggestions, #333333);
-$vkontakte-color-background-suggestions--hover = var(--vkui--vkontakte_color_background_suggestions--hover, #3B3B3B);
-$vkontakte-color-background-suggestions--active = var(--vkui--vkontakte_color_background_suggestions--active, #434343);
-$vkontakte-color-background-keyboard = var(--vkui--vkontakte_color_background_keyboard, #333333);
-$vkontakte-color-background-keyboard--hover = var(--vkui--vkontakte_color_background_keyboard--hover, #3B3B3B);
-$vkontakte-color-background-keyboard--active = var(--vkui--vkontakte_color_background_keyboard--active, #434343);
-$vkontakte-color-content-placeholder-icon = var(--vkui--vkontakte_color_content_placeholder_icon, #b2b2b2);
-$vkontakte-color-content-placeholder-icon--hover = var(--vkui--vkontakte_color_content_placeholder_icon--hover, #B5B5B5);
-$vkontakte-color-content-placeholder-icon--active = var(--vkui--vkontakte_color_content_placeholder_icon--active, #B8B8B8);
-$vkontakte-color-content-tint-foreground = var(--vkui--vkontakte_color_content_tint_foreground, #939393);
-$vkontakte-color-content-tint-foreground--hover = var(--vkui--vkontakte_color_content_tint_foreground--hover, #979797);
-$vkontakte-color-content-tint-foreground--active = var(--vkui--vkontakte_color_content_tint_foreground--active, #9C9C9C);
-$vkontakte-color-text-name = var(--vkui--vkontakte_color_text_name, #e1e3e6);
-$vkontakte-color-text-name--hover = var(--vkui--vkontakte_color_text_name--hover, #E2E4E7);
-$vkontakte-color-text-name--active = var(--vkui--vkontakte_color_text_name--active, #E3E5E8);
-$vkontakte-color-control-background = var(--vkui--vkontakte_color_control_background, #555555);
-$vkontakte-color-control-background--hover = var(--vkui--vkontakte_color_control_background--hover, #5C5C5C);
-$vkontakte-color-control-background--active = var(--vkui--vkontakte_color_control_background--active, #636363);
-$vkontakte-color-control-foreground = var(--vkui--vkontakte_color_control_foreground, #e1e3e6);
-$vkontakte-color-control-foreground--hover = var(--vkui--vkontakte_color_control_foreground--hover, #E2E4E7);
-$vkontakte-color-control-foreground--active = var(--vkui--vkontakte_color_control_foreground--active, #E3E5E8);
-$vkontakte-color-control-tint-muted = var(--vkui--vkontakte_color_control_tint_muted, #939393);
-$vkontakte-color-control-tint-muted--hover = var(--vkui--vkontakte_color_control_tint_muted--hover, #979797);
-$vkontakte-color-control-tint-muted--active = var(--vkui--vkontakte_color_control_tint_muted--active, #9C9C9C);
-$vkontakte-color-header-search-field-background = var(--vkui--vkontakte_color_header_search_field_background, #424242);
-$vkontakte-color-header-search-field-background--hover = var(--vkui--vkontakte_color_header_search_field_background--hover, #4A4A4A);
-$vkontakte-color-header-search-field-background--active = var(--vkui--vkontakte_color_header_search_field_background--active, #515151);
-$vkontakte-color-header-search-field-tint = var(--vkui--vkontakte_color_header_search_field_tint, #b2b2b2);
-$vkontakte-color-header-search-field-tint--hover = var(--vkui--vkontakte_color_header_search_field_tint--hover, #B5B5B5);
-$vkontakte-color-header-search-field-tint--active = var(--vkui--vkontakte_color_header_search_field_tint--active, #B8B8B8);
-$vkontakte-color-header-tab-active-indicator = var(--vkui--vkontakte_color_header_tab_active_indicator, #397dcc);
-$vkontakte-color-header-tab-active-indicator--hover = var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #4182CE);
-$vkontakte-color-header-tab-active-indicator--active = var(--vkui--vkontakte_color_header_tab_active_indicator--active, #4987D0);
-$vkontakte-color-icon-outline-medium = var(--vkui--vkontakte_color_icon_outline_medium, #b2b2b2);
-$vkontakte-color-icon-outline-medium--hover = var(--vkui--vkontakte_color_icon_outline_medium--hover, #B5B5B5);
-$vkontakte-color-icon-outline-medium--active = var(--vkui--vkontakte_color_icon_outline_medium--active, #B8B8B8);
-$vkontakte-color-icon-outline-secondary = var(--vkui--vkontakte_color_icon_outline_secondary, #939393);
-$vkontakte-color-icon-outline-secondary--hover = var(--vkui--vkontakte_color_icon_outline_secondary--hover, #979797);
-$vkontakte-color-icon-outline-secondary--active = var(--vkui--vkontakte_color_icon_outline_secondary--active, #9C9C9C);
-$vkontakte-color-skeleton-shimmer-from = var(--vkui--vkontakte_color_skeleton_shimmer_from, #222222);
-$vkontakte-color-skeleton-shimmer-from--hover = var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #2B2B2B);
-$vkontakte-color-skeleton-shimmer-from--active = var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #343434);
-$vkontakte-color-alpha-skeleton-shimmer-to = var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent);
-$vkontakte-color-alpha-skeleton-shimmer-to--hover = var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(255, 255, 255, 0.04));
-$vkontakte-color-alpha-skeleton-shimmer-to--active = var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(255, 255, 255, 0.08));
-$vkontakte-color-loader-background = var(--vkui--vkontakte_color_loader_background, #555555);
-$vkontakte-color-loader-background--hover = var(--vkui--vkontakte_color_loader_background--hover, #5C5C5C);
-$vkontakte-color-loader-background--active = var(--vkui--vkontakte_color_loader_background--active, #636363);
-$vkontakte-color-loader-tint = var(--vkui--vkontakte_color_loader_tint, #828282);
-$vkontakte-color-loader-tint--hover = var(--vkui--vkontakte_color_loader_tint--hover, #878787);
-$vkontakte-color-loader-tint--active = var(--vkui--vkontakte_color_loader_tint--active, #8C8C8C);
-$vkontakte-color-music-playback-icon = var(--vkui--vkontakte_color_music_playback_icon, #FFFFFF);
-$vkontakte-color-music-playback-icon--hover = var(--vkui--vkontakte_color_music_playback_icon--hover, #EBEDF0);
-$vkontakte-color-music-playback-icon--active = var(--vkui--vkontakte_color_music_playback_icon--active, #D7D8DB);
-$vkontakte-color-status-background = var(--vkui--vkontakte_color_status_background, #222222);
-$vkontakte-color-status-background--hover = var(--vkui--vkontakte_color_status_background--hover, #2B2B2B);
-$vkontakte-color-status-background--active = var(--vkui--vkontakte_color_status_background--active, #343434);
-$vkontakte-color-placeholder-icon-foreground-primary = var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #939393);
-$vkontakte-color-placeholder-icon-foreground-primary--hover = var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #979797);
-$vkontakte-color-placeholder-icon-foreground-primary--active = var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #9C9C9C);
-$vkontakte-color-placeholder-icon-foreground-secondary = var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #656565);
-$vkontakte-color-placeholder-icon-foreground-secondary--hover = var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #6B6B6B);
-$vkontakte-color-placeholder-icon-foreground-secondary--active = var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #717171);
-$vkontakte-color-placeholder-icon-tint = var(--vkui--vkontakte_color_placeholder_icon_tint, #FFFFFF);
-$vkontakte-color-placeholder-icon-tint--hover = var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #EBEDF0);
-$vkontakte-color-placeholder-icon-tint--active = var(--vkui--vkontakte_color_placeholder_icon_tint--active, #D7D8DB);
-$vkontakte-color-poll-option-background = var(--vkui--vkontakte_color_poll_option_background, #FFFFFF);
-$vkontakte-color-poll-option-background--hover = var(--vkui--vkontakte_color_poll_option_background--hover, #EBEDF0);
-$vkontakte-color-poll-option-background--active = var(--vkui--vkontakte_color_poll_option_background--active, #D7D8DB);
-$vkontakte-color-tabbar-active-icon = var(--vkui--vkontakte_color_tabbar_active_icon, #FFFFFF);
-$vkontakte-color-tabbar-active-icon--hover = var(--vkui--vkontakte_color_tabbar_active_icon--hover, #EBEDF0);
-$vkontakte-color-tabbar-active-icon--active = var(--vkui--vkontakte_color_tabbar_active_icon--active, #D7D8DB);
-$vkontakte-color-tabbar-background = var(--vkui--vkontakte_color_tabbar_background, #333333);
-$vkontakte-color-tabbar-background--hover = var(--vkui--vkontakte_color_tabbar_background--hover, #3B3B3B);
-$vkontakte-color-tabbar-background--active = var(--vkui--vkontakte_color_tabbar_background--active, #434343);
-$vkontakte-color-tabbar-inactive-icon = var(--vkui--vkontakte_color_tabbar_inactive_icon, #828282);
-$vkontakte-color-tabbar-inactive-icon--hover = var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #878787);
-$vkontakte-color-tabbar-inactive-icon--active = var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8C8C8C);
-$vkontakte-color-tabbar-tablet-text-secondary = var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #828282);
-$vkontakte-color-tabbar-tablet-text-secondary--hover = var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #878787);
-$vkontakte-color-tabbar-tablet-text-secondary--active = var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #8C8C8C);
-$vkontakte-color-toolbar-attach-background-from = var(--vkui--vkontakte_color_toolbar_attach_background_from, #828282);
-$vkontakte-color-toolbar-attach-background-from--hover = var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #878787);
-$vkontakte-color-toolbar-attach-background-from--active = var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #8C8C8C);
-$vkontakte-color-splash-screen-icon = var(--vkui--vkontakte_color_splash_screen_icon, #333333);
-$vkontakte-color-splash-screen-icon--hover = var(--vkui--vkontakte_color_splash_screen_icon--hover, #3B3B3B);
-$vkontakte-color-splash-screen-icon--active = var(--vkui--vkontakte_color_splash_screen_icon--active, #434343);
-$vkontakte-color-icon-name = var(--vkui--vkontakte_color_icon_name, #b2b2b2);
-$vkontakte-color-icon-name--hover = var(--vkui--vkontakte_color_icon_name--hover, #B5B5B5);
-$vkontakte-color-icon-name--active = var(--vkui--vkontakte_color_icon_name--active, #B8B8B8);
-$vkontakte-color-panel-tab-active-text = var(--vkui--vkontakte_color_panel_tab_active_text, #e1e3e6);
-$vkontakte-color-panel-tab-active-text--hover = var(--vkui--vkontakte_color_panel_tab_active_text--hover, #E2E4E7);
-$vkontakte-color-panel-tab-active-text--active = var(--vkui--vkontakte_color_panel_tab_active_text--active, #E3E5E8);
-$vkontakte-color-background-text-alpha = var(--vkui--vkontakte_color_background_text_alpha, rgba(81, 129, 184, 0.2));
-$vkontakte-color-background-text-alpha--hover = var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(81, 129, 184, 0.24));
-$vkontakte-color-background-text-alpha--active = var(--vkui--vkontakte_color_background_text_alpha--active, rgba(81, 129, 184, 0.28));
-$vkontakte-color-modal-card-header-close = var(--vkui--vkontakte_color_modal_card_header_close, #FFFFFF);
-$vkontakte-color-modal-card-header-close--hover = var(--vkui--vkontakte_color_modal_card_header_close--hover, #EBEDF0);
-$vkontakte-color-modal-card-header-close--active = var(--vkui--vkontakte_color_modal_card_header_close--active, #D7D8DB);
-$vkontakte-im-bubble-button-outgoing-background-alpha = var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.24));
-$vkontakte-im-bubble-button-outgoing-background-alpha--hover = var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.28));
-$vkontakte-im-bubble-button-outgoing-background-alpha--active = var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.32));
-$vkontakte-im-bubble-button-foreground = var(--vkui--vkontakte_im_bubble_button_foreground, #e1e3e6);
-$vkontakte-im-bubble-button-foreground--hover = var(--vkui--vkontakte_im_bubble_button_foreground--hover, #E2E4E7);
-$vkontakte-im-bubble-button-foreground--active = var(--vkui--vkontakte_im_bubble_button_foreground--active, #E3E5E8);
-$vkontakte-im-bubble-incoming-highlighted = var(--vkui--vkontakte_im_bubble_incoming_highlighted, #656565);
-$vkontakte-im-bubble-incoming-highlighted--hover = var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #6B6B6B);
-$vkontakte-im-bubble-incoming-highlighted--active = var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #717171);
-$vkontakte-im-bubble-gift-background = var(--vkui--vkontakte_im_bubble_gift_background, #857250);
-$vkontakte-im-bubble-gift-background--hover = var(--vkui--vkontakte_im_bubble_gift_background--hover, #8A7857);
-$vkontakte-im-bubble-gift-background--active = var(--vkui--vkontakte_im_bubble_gift_background--active, #8F7D5E);
-$vkontakte-im-bubble-gift-background-highlighted = var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #ab9871);
-$vkontakte-im-bubble-gift-background-highlighted--hover = var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #AE9C77);
-$vkontakte-im-bubble-gift-background-highlighted--active = var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #B2A07C);
-$vkontakte-im-bubble-outgoing-alternate = var(--vkui--vkontakte_im_bubble_outgoing_alternate, #555555);
-$vkontakte-im-bubble-outgoing-alternate--hover = var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #5C5C5C);
-$vkontakte-im-bubble-outgoing-alternate--active = var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #636363);
-$vkontakte-im-attach-tint = var(--vkui--vkontakte_im_attach_tint, #FFFFFF);
-$vkontakte-im-attach-tint--hover = var(--vkui--vkontakte_im_attach_tint--hover, #EBEDF0);
-$vkontakte-im-attach-tint--active = var(--vkui--vkontakte_im_attach_tint--active, #D7D8DB);
-$vkontakte-im-reply-separator = var(--vkui--vkontakte_im_reply_separator, #FFFFFF);
-$vkontakte-im-reply-separator--hover = var(--vkui--vkontakte_im_reply_separator--hover, #EBEDF0);
-$vkontakte-im-reply-separator--active = var(--vkui--vkontakte_im_reply_separator--active, #D7D8DB);
-$vkontakte-im-toolbar-voice-msg-background = var(--vkui--vkontakte_im_toolbar_voice_msg_background, #555555);
-$vkontakte-im-toolbar-voice-msg-background--hover = var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #5C5C5C);
-$vkontakte-im-toolbar-voice-msg-background--active = var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #636363);
 $vkontakte-color-im-forward-line-alpha = var(--vkui--vkontakte_color_im_forward_line_alpha, rgba(255, 255, 255, 0.24));
 $vkontakte-color-im-forward-line-alpha--hover = var(--vkui--vkontakte_color_im_forward_line_alpha--hover, rgba(255, 255, 255, 0.28));
 $vkontakte-color-im-forward-line-alpha--active = var(--vkui--vkontakte_color_im_forward_line_alpha--active, rgba(255, 255, 255, 0.32));