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

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

@@ -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, #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-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-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);
@@ -259,6 +259,9 @@ $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);
@@ -304,6 +307,9 @@ $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);
@@ -340,6 +346,9 @@ $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);
@@ -427,6 +436,9 @@ $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));
@@ -439,6 +451,144 @@ $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));