npm - @vkontakte/vkui-tokens - Versions diffs - 4.35.0 → 4.35.2-dev-cfbf64.0 - Mend

@vkontakte/vkui-tokens 4.35.0 → 4.35.2-dev-cfbf64.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 (963) hide show

package/themes/vkontakteComDark/cssVars/declarations/noColors.css CHANGED Viewed

@@ -227,6 +227,9 @@
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(255, 255, 255, 0.16);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(255, 255, 255, 0.2);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(255, 255, 255, 0.24);
+	--vkui--vkontakte_color_snippet_background: #272727;
+	--vkui--vkontakte_color_snippet_background--hover: #303030;
+	--vkui--vkontakte_color_snippet_background--active: #383838;
 	--vkui--vkontakte_color_modal_card_border_alpha: rgba(255, 255, 255, 0.12);
 	--vkui--vkontakte_color_modal_card_border_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--vkontakte_color_modal_card_border_alpha--active: rgba(255, 255, 255, 0.2);
@@ -239,6 +242,144 @@
 	--vkui--vkontakte_color_input_border: #555555;
 	--vkui--vkontakte_color_input_border--hover: #5C5C5C;
 	--vkui--vkontakte_color_input_border--active: #636363;
+	--vkui--vkontakte_color_search_bar_background: #222222;
+	--vkui--vkontakte_color_search_bar_background--hover: #2B2B2B;
+	--vkui--vkontakte_color_search_bar_background--active: #343434;
+	--vkui--vkontakte_color_search_bar_field_tint: #b2b2b2;
+	--vkui--vkontakte_color_search_bar_field_tint--hover: #B5B5B5;
+	--vkui--vkontakte_color_search_bar_field_tint--active: #B8B8B8;
+	--vkui--vkontakte_background_hover_alpha: rgba(255, 255, 255, 0.08);
+	--vkui--vkontakte_background_hover_alpha--hover: rgba(255, 255, 255, 0.12);
+	--vkui--vkontakte_background_hover_alpha--active: rgba(255, 255, 255, 0.16);
+	--vkui--vkontakte_color_accent_alternate: #FFFFFF;
+	--vkui--vkontakte_color_accent_alternate--hover: #EBEDF0;
+	--vkui--vkontakte_color_accent_alternate--active: #D7D8DB;
+	--vkui--vkontakte_color_background_suggestions: #333333;
+	--vkui--vkontakte_color_background_suggestions--hover: #3B3B3B;
+	--vkui--vkontakte_color_background_suggestions--active: #434343;
+	--vkui--vkontakte_color_background_keyboard: #333333;
+	--vkui--vkontakte_color_background_keyboard--hover: #3B3B3B;
+	--vkui--vkontakte_color_background_keyboard--active: #434343;
+	--vkui--vkontakte_color_content_placeholder_icon: #b2b2b2;
+	--vkui--vkontakte_color_content_placeholder_icon--hover: #B5B5B5;
+	--vkui--vkontakte_color_content_placeholder_icon--active: #B8B8B8;
+	--vkui--vkontakte_color_content_tint_foreground: #939393;
+	--vkui--vkontakte_color_content_tint_foreground--hover: #979797;
+	--vkui--vkontakte_color_content_tint_foreground--active: #9C9C9C;
+	--vkui--vkontakte_color_text_name: #e1e3e6;
+	--vkui--vkontakte_color_text_name--hover: #E2E4E7;
+	--vkui--vkontakte_color_text_name--active: #E3E5E8;
+	--vkui--vkontakte_color_control_background: #555555;
+	--vkui--vkontakte_color_control_background--hover: #5C5C5C;
+	--vkui--vkontakte_color_control_background--active: #636363;
+	--vkui--vkontakte_color_control_foreground: #e1e3e6;
+	--vkui--vkontakte_color_control_foreground--hover: #E2E4E7;
+	--vkui--vkontakte_color_control_foreground--active: #E3E5E8;
+	--vkui--vkontakte_color_control_tint_muted: #939393;
+	--vkui--vkontakte_color_control_tint_muted--hover: #979797;
+	--vkui--vkontakte_color_control_tint_muted--active: #9C9C9C;
+	--vkui--vkontakte_color_header_search_field_background: #424242;
+	--vkui--vkontakte_color_header_search_field_background--hover: #4A4A4A;
+	--vkui--vkontakte_color_header_search_field_background--active: #515151;
+	--vkui--vkontakte_color_header_search_field_tint: #b2b2b2;
+	--vkui--vkontakte_color_header_search_field_tint--hover: #B5B5B5;
+	--vkui--vkontakte_color_header_search_field_tint--active: #B8B8B8;
+	--vkui--vkontakte_color_header_tab_active_indicator: #397dcc;
+	--vkui--vkontakte_color_header_tab_active_indicator--hover: #4182CE;
+	--vkui--vkontakte_color_header_tab_active_indicator--active: #4987D0;
+	--vkui--vkontakte_color_icon_outline_medium: #b2b2b2;
+	--vkui--vkontakte_color_icon_outline_medium--hover: #B5B5B5;
+	--vkui--vkontakte_color_icon_outline_medium--active: #B8B8B8;
+	--vkui--vkontakte_color_icon_outline_secondary: #939393;
+	--vkui--vkontakte_color_icon_outline_secondary--hover: #979797;
+	--vkui--vkontakte_color_icon_outline_secondary--active: #9C9C9C;
+	--vkui--vkontakte_color_skeleton_shimmer_from: #222222;
+	--vkui--vkontakte_color_skeleton_shimmer_from--hover: #2B2B2B;
+	--vkui--vkontakte_color_skeleton_shimmer_from--active: #343434;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to: transparent;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover: rgba(255, 255, 255, 0.04);
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active: rgba(255, 255, 255, 0.08);
+	--vkui--vkontakte_color_loader_background: #555555;
+	--vkui--vkontakte_color_loader_background--hover: #5C5C5C;
+	--vkui--vkontakte_color_loader_background--active: #636363;
+	--vkui--vkontakte_color_loader_tint: #828282;
+	--vkui--vkontakte_color_loader_tint--hover: #878787;
+	--vkui--vkontakte_color_loader_tint--active: #8C8C8C;
+	--vkui--vkontakte_color_music_playback_icon: #FFFFFF;
+	--vkui--vkontakte_color_music_playback_icon--hover: #EBEDF0;
+	--vkui--vkontakte_color_music_playback_icon--active: #D7D8DB;
+	--vkui--vkontakte_color_status_background: #222222;
+	--vkui--vkontakte_color_status_background--hover: #2B2B2B;
+	--vkui--vkontakte_color_status_background--active: #343434;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary: #939393;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover: #979797;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--active: #9C9C9C;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary: #656565;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover: #6B6B6B;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active: #717171;
+	--vkui--vkontakte_color_placeholder_icon_tint: #FFFFFF;
+	--vkui--vkontakte_color_placeholder_icon_tint--hover: #EBEDF0;
+	--vkui--vkontakte_color_placeholder_icon_tint--active: #D7D8DB;
+	--vkui--vkontakte_color_poll_option_background: #FFFFFF;
+	--vkui--vkontakte_color_poll_option_background--hover: #EBEDF0;
+	--vkui--vkontakte_color_poll_option_background--active: #D7D8DB;
+	--vkui--vkontakte_color_tabbar_active_icon: #FFFFFF;
+	--vkui--vkontakte_color_tabbar_active_icon--hover: #EBEDF0;
+	--vkui--vkontakte_color_tabbar_active_icon--active: #D7D8DB;
+	--vkui--vkontakte_color_tabbar_background: #333333;
+	--vkui--vkontakte_color_tabbar_background--hover: #3B3B3B;
+	--vkui--vkontakte_color_tabbar_background--active: #434343;
+	--vkui--vkontakte_color_tabbar_inactive_icon: #828282;
+	--vkui--vkontakte_color_tabbar_inactive_icon--hover: #878787;
+	--vkui--vkontakte_color_tabbar_inactive_icon--active: #8C8C8C;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary: #828282;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover: #878787;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--active: #8C8C8C;
+	--vkui--vkontakte_color_toolbar_attach_background_from: #828282;
+	--vkui--vkontakte_color_toolbar_attach_background_from--hover: #878787;
+	--vkui--vkontakte_color_toolbar_attach_background_from--active: #8C8C8C;
+	--vkui--vkontakte_color_splash_screen_icon: #333333;
+	--vkui--vkontakte_color_splash_screen_icon--hover: #3B3B3B;
+	--vkui--vkontakte_color_splash_screen_icon--active: #434343;
+	--vkui--vkontakte_color_icon_name: #b2b2b2;
+	--vkui--vkontakte_color_icon_name--hover: #B5B5B5;
+	--vkui--vkontakte_color_icon_name--active: #B8B8B8;
+	--vkui--vkontakte_color_panel_tab_active_text: #e1e3e6;
+	--vkui--vkontakte_color_panel_tab_active_text--hover: #E2E4E7;
+	--vkui--vkontakte_color_panel_tab_active_text--active: #E3E5E8;
+	--vkui--vkontakte_color_background_text_alpha: rgba(81, 129, 184, 0.2);
+	--vkui--vkontakte_color_background_text_alpha--hover: rgba(81, 129, 184, 0.24);
+	--vkui--vkontakte_color_background_text_alpha--active: rgba(81, 129, 184, 0.28);
+	--vkui--vkontakte_color_modal_card_header_close: #FFFFFF;
+	--vkui--vkontakte_color_modal_card_header_close--hover: #EBEDF0;
+	--vkui--vkontakte_color_modal_card_header_close--active: #D7D8DB;
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha: rgba(255, 255, 255, 0.24);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover: rgba(255, 255, 255, 0.28);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active: rgba(255, 255, 255, 0.32);
+	--vkui--vkontakte_im_bubble_button_foreground: #e1e3e6;
+	--vkui--vkontakte_im_bubble_button_foreground--hover: #E2E4E7;
+	--vkui--vkontakte_im_bubble_button_foreground--active: #E3E5E8;
+	--vkui--vkontakte_im_bubble_incoming_highlighted: #656565;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--hover: #6B6B6B;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--active: #717171;
+	--vkui--vkontakte_im_bubble_gift_background: #857250;
+	--vkui--vkontakte_im_bubble_gift_background--hover: #8A7857;
+	--vkui--vkontakte_im_bubble_gift_background--active: #8F7D5E;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted: #ab9871;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--hover: #AE9C77;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--active: #B2A07C;
+	--vkui--vkontakte_im_bubble_outgoing_alternate: #555555;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--hover: #5C5C5C;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--active: #636363;
+	--vkui--vkontakte_im_attach_tint: #FFFFFF;
+	--vkui--vkontakte_im_attach_tint--hover: #EBEDF0;
+	--vkui--vkontakte_im_attach_tint--active: #D7D8DB;
+	--vkui--vkontakte_im_reply_separator: #FFFFFF;
+	--vkui--vkontakte_im_reply_separator--hover: #EBEDF0;
+	--vkui--vkontakte_im_reply_separator--active: #D7D8DB;
+	--vkui--vkontakte_im_toolbar_voice_msg_background: #555555;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--hover: #5C5C5C;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--active: #636363;
 	--vkui--vkontakte_color_im_forward_line_alpha: rgba(255, 255, 255, 0.24);
 	--vkui--vkontakte_color_im_forward_line_alpha--hover: rgba(255, 255, 255, 0.28);
 	--vkui--vkontakte_color_im_forward_line_alpha--active: rgba(255, 255, 255, 0.32);

package/themes/vkontakteComDark/cssVars/declarations/noSizes.css CHANGED Viewed

@@ -98,9 +98,9 @@
 	--vkui--color_background_contrast_inverse: #333333;
 	--vkui--color_background_contrast_inverse--hover: #3B3B3B;
 	--vkui--color_background_contrast_inverse--active: #434343;
-	--vkui--color_background_modal: #333333;
-	--vkui--color_background_modal--hover: #3B3B3B;
-	--vkui--color_background_modal--active: #434343;
+	--vkui--color_background_modal: #292929;
+	--vkui--color_background_modal--hover: #323232;
+	--vkui--color_background_modal--active: #3A3A3A;
 	--vkui--color_background_modal_inverse: #FFFFFF;
 	--vkui--color_background_modal_inverse--hover: #EBEDF0;
 	--vkui--color_background_modal_inverse--active: #D7D8DB;
@@ -137,9 +137,9 @@
 	--vkui--color_text_primary_invariably: #333333;
 	--vkui--color_text_primary_invariably--hover: #3B3B3B;
 	--vkui--color_text_primary_invariably--active: #434343;
-	--vkui--color_text_secondary: #B2B2B2;
-	--vkui--color_text_secondary--hover: #B5B5B5;
-	--vkui--color_text_secondary--active: #B8B8B8;
+	--vkui--color_text_secondary: #828282;
+	--vkui--color_text_secondary--hover: #878787;
+	--vkui--color_text_secondary--active: #8C8C8C;
 	--vkui--color_text_subhead: #939393;
 	--vkui--color_text_subhead--hover: #979797;
 	--vkui--color_text_subhead--active: #9C9C9C;
@@ -176,6 +176,9 @@
 	--vkui--color_link_contrast: #CCCCCC;
 	--vkui--color_link_contrast--hover: #CECECE;
 	--vkui--color_link_contrast--active: #D0D0D0;
+	--vkui--color_text_button: #E1E3E6;
+	--vkui--color_text_button--hover: #E2E4E7;
+	--vkui--color_text_button--active: #E3E5E8;
 	--vkui--color_icon_accent: #71AAEB;
 	--vkui--color_icon_accent--hover: #77ADEC;
 	--vkui--color_icon_accent--active: #7CB1ED;
@@ -221,6 +224,9 @@
 	--vkui--color_icon_negative: #FF5C5C;
 	--vkui--color_icon_negative--hover: #FF6363;
 	--vkui--color_icon_negative--active: #FF6969;
+	--vkui--color_icon_button: #E1E3E6;
+	--vkui--color_icon_button--hover: #E2E4E7;
+	--vkui--color_icon_button--active: #E3E5E8;
 	--vkui--color_stroke_accent: #71AAEB;
 	--vkui--color_stroke_accent--hover: #77ADEC;
 	--vkui--color_stroke_accent--active: #7CB1ED;
@@ -257,6 +263,9 @@
 	--vkui--color_field_border_alpha: rgba(255, 255, 255, 0.12);
 	--vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.2);
+	--vkui--color_stroke_button: #E1E3E6;
+	--vkui--color_stroke_button--hover: #E2E4E7;
+	--vkui--color_stroke_button--active: #E3E5E8;
 	--vkui--color_accent_blue: #397DCC;
 	--vkui--color_accent_blue--hover: #4182CE;
 	--vkui--color_accent_blue--active: #4987D0;
@@ -344,6 +353,9 @@
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(255, 255, 255, 0.16);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(255, 255, 255, 0.2);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(255, 255, 255, 0.24);
+	--vkui--vkontakte_color_snippet_background: #272727;
+	--vkui--vkontakte_color_snippet_background--hover: #303030;
+	--vkui--vkontakte_color_snippet_background--active: #383838;
 	--vkui--vkontakte_color_modal_card_border_alpha: rgba(255, 255, 255, 0.12);
 	--vkui--vkontakte_color_modal_card_border_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--vkontakte_color_modal_card_border_alpha--active: rgba(255, 255, 255, 0.2);
@@ -356,6 +368,144 @@
 	--vkui--vkontakte_color_input_border: #555555;
 	--vkui--vkontakte_color_input_border--hover: #5C5C5C;
 	--vkui--vkontakte_color_input_border--active: #636363;
+	--vkui--vkontakte_color_search_bar_background: #222222;
+	--vkui--vkontakte_color_search_bar_background--hover: #2B2B2B;
+	--vkui--vkontakte_color_search_bar_background--active: #343434;
+	--vkui--vkontakte_color_search_bar_field_tint: #b2b2b2;
+	--vkui--vkontakte_color_search_bar_field_tint--hover: #B5B5B5;
+	--vkui--vkontakte_color_search_bar_field_tint--active: #B8B8B8;
+	--vkui--vkontakte_background_hover_alpha: rgba(255, 255, 255, 0.08);
+	--vkui--vkontakte_background_hover_alpha--hover: rgba(255, 255, 255, 0.12);
+	--vkui--vkontakte_background_hover_alpha--active: rgba(255, 255, 255, 0.16);
+	--vkui--vkontakte_color_accent_alternate: #FFFFFF;
+	--vkui--vkontakte_color_accent_alternate--hover: #EBEDF0;
+	--vkui--vkontakte_color_accent_alternate--active: #D7D8DB;
+	--vkui--vkontakte_color_background_suggestions: #333333;
+	--vkui--vkontakte_color_background_suggestions--hover: #3B3B3B;
+	--vkui--vkontakte_color_background_suggestions--active: #434343;
+	--vkui--vkontakte_color_background_keyboard: #333333;
+	--vkui--vkontakte_color_background_keyboard--hover: #3B3B3B;
+	--vkui--vkontakte_color_background_keyboard--active: #434343;
+	--vkui--vkontakte_color_content_placeholder_icon: #b2b2b2;
+	--vkui--vkontakte_color_content_placeholder_icon--hover: #B5B5B5;
+	--vkui--vkontakte_color_content_placeholder_icon--active: #B8B8B8;
+	--vkui--vkontakte_color_content_tint_foreground: #939393;
+	--vkui--vkontakte_color_content_tint_foreground--hover: #979797;
+	--vkui--vkontakte_color_content_tint_foreground--active: #9C9C9C;
+	--vkui--vkontakte_color_text_name: #e1e3e6;
+	--vkui--vkontakte_color_text_name--hover: #E2E4E7;
+	--vkui--vkontakte_color_text_name--active: #E3E5E8;
+	--vkui--vkontakte_color_control_background: #555555;
+	--vkui--vkontakte_color_control_background--hover: #5C5C5C;
+	--vkui--vkontakte_color_control_background--active: #636363;
+	--vkui--vkontakte_color_control_foreground: #e1e3e6;
+	--vkui--vkontakte_color_control_foreground--hover: #E2E4E7;
+	--vkui--vkontakte_color_control_foreground--active: #E3E5E8;
+	--vkui--vkontakte_color_control_tint_muted: #939393;
+	--vkui--vkontakte_color_control_tint_muted--hover: #979797;
+	--vkui--vkontakte_color_control_tint_muted--active: #9C9C9C;
+	--vkui--vkontakte_color_header_search_field_background: #424242;
+	--vkui--vkontakte_color_header_search_field_background--hover: #4A4A4A;
+	--vkui--vkontakte_color_header_search_field_background--active: #515151;
+	--vkui--vkontakte_color_header_search_field_tint: #b2b2b2;
+	--vkui--vkontakte_color_header_search_field_tint--hover: #B5B5B5;
+	--vkui--vkontakte_color_header_search_field_tint--active: #B8B8B8;
+	--vkui--vkontakte_color_header_tab_active_indicator: #397dcc;
+	--vkui--vkontakte_color_header_tab_active_indicator--hover: #4182CE;
+	--vkui--vkontakte_color_header_tab_active_indicator--active: #4987D0;
+	--vkui--vkontakte_color_icon_outline_medium: #b2b2b2;
+	--vkui--vkontakte_color_icon_outline_medium--hover: #B5B5B5;
+	--vkui--vkontakte_color_icon_outline_medium--active: #B8B8B8;
+	--vkui--vkontakte_color_icon_outline_secondary: #939393;
+	--vkui--vkontakte_color_icon_outline_secondary--hover: #979797;
+	--vkui--vkontakte_color_icon_outline_secondary--active: #9C9C9C;
+	--vkui--vkontakte_color_skeleton_shimmer_from: #222222;
+	--vkui--vkontakte_color_skeleton_shimmer_from--hover: #2B2B2B;
+	--vkui--vkontakte_color_skeleton_shimmer_from--active: #343434;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to: transparent;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover: rgba(255, 255, 255, 0.04);
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active: rgba(255, 255, 255, 0.08);
+	--vkui--vkontakte_color_loader_background: #555555;
+	--vkui--vkontakte_color_loader_background--hover: #5C5C5C;
+	--vkui--vkontakte_color_loader_background--active: #636363;
+	--vkui--vkontakte_color_loader_tint: #828282;
+	--vkui--vkontakte_color_loader_tint--hover: #878787;
+	--vkui--vkontakte_color_loader_tint--active: #8C8C8C;
+	--vkui--vkontakte_color_music_playback_icon: #FFFFFF;
+	--vkui--vkontakte_color_music_playback_icon--hover: #EBEDF0;
+	--vkui--vkontakte_color_music_playback_icon--active: #D7D8DB;
+	--vkui--vkontakte_color_status_background: #222222;
+	--vkui--vkontakte_color_status_background--hover: #2B2B2B;
+	--vkui--vkontakte_color_status_background--active: #343434;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary: #939393;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover: #979797;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--active: #9C9C9C;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary: #656565;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover: #6B6B6B;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active: #717171;
+	--vkui--vkontakte_color_placeholder_icon_tint: #FFFFFF;
+	--vkui--vkontakte_color_placeholder_icon_tint--hover: #EBEDF0;
+	--vkui--vkontakte_color_placeholder_icon_tint--active: #D7D8DB;
+	--vkui--vkontakte_color_poll_option_background: #FFFFFF;
+	--vkui--vkontakte_color_poll_option_background--hover: #EBEDF0;
+	--vkui--vkontakte_color_poll_option_background--active: #D7D8DB;
+	--vkui--vkontakte_color_tabbar_active_icon: #FFFFFF;
+	--vkui--vkontakte_color_tabbar_active_icon--hover: #EBEDF0;
+	--vkui--vkontakte_color_tabbar_active_icon--active: #D7D8DB;
+	--vkui--vkontakte_color_tabbar_background: #333333;
+	--vkui--vkontakte_color_tabbar_background--hover: #3B3B3B;
+	--vkui--vkontakte_color_tabbar_background--active: #434343;
+	--vkui--vkontakte_color_tabbar_inactive_icon: #828282;
+	--vkui--vkontakte_color_tabbar_inactive_icon--hover: #878787;
+	--vkui--vkontakte_color_tabbar_inactive_icon--active: #8C8C8C;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary: #828282;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover: #878787;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--active: #8C8C8C;
+	--vkui--vkontakte_color_toolbar_attach_background_from: #828282;
+	--vkui--vkontakte_color_toolbar_attach_background_from--hover: #878787;
+	--vkui--vkontakte_color_toolbar_attach_background_from--active: #8C8C8C;
+	--vkui--vkontakte_color_splash_screen_icon: #333333;
+	--vkui--vkontakte_color_splash_screen_icon--hover: #3B3B3B;
+	--vkui--vkontakte_color_splash_screen_icon--active: #434343;
+	--vkui--vkontakte_color_icon_name: #b2b2b2;
+	--vkui--vkontakte_color_icon_name--hover: #B5B5B5;
+	--vkui--vkontakte_color_icon_name--active: #B8B8B8;
+	--vkui--vkontakte_color_panel_tab_active_text: #e1e3e6;
+	--vkui--vkontakte_color_panel_tab_active_text--hover: #E2E4E7;
+	--vkui--vkontakte_color_panel_tab_active_text--active: #E3E5E8;
+	--vkui--vkontakte_color_background_text_alpha: rgba(81, 129, 184, 0.2);
+	--vkui--vkontakte_color_background_text_alpha--hover: rgba(81, 129, 184, 0.24);
+	--vkui--vkontakte_color_background_text_alpha--active: rgba(81, 129, 184, 0.28);
+	--vkui--vkontakte_color_modal_card_header_close: #FFFFFF;
+	--vkui--vkontakte_color_modal_card_header_close--hover: #EBEDF0;
+	--vkui--vkontakte_color_modal_card_header_close--active: #D7D8DB;
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha: rgba(255, 255, 255, 0.24);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover: rgba(255, 255, 255, 0.28);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active: rgba(255, 255, 255, 0.32);
+	--vkui--vkontakte_im_bubble_button_foreground: #e1e3e6;
+	--vkui--vkontakte_im_bubble_button_foreground--hover: #E2E4E7;
+	--vkui--vkontakte_im_bubble_button_foreground--active: #E3E5E8;
+	--vkui--vkontakte_im_bubble_incoming_highlighted: #656565;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--hover: #6B6B6B;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--active: #717171;
+	--vkui--vkontakte_im_bubble_gift_background: #857250;
+	--vkui--vkontakte_im_bubble_gift_background--hover: #8A7857;
+	--vkui--vkontakte_im_bubble_gift_background--active: #8F7D5E;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted: #ab9871;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--hover: #AE9C77;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--active: #B2A07C;
+	--vkui--vkontakte_im_bubble_outgoing_alternate: #555555;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--hover: #5C5C5C;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--active: #636363;
+	--vkui--vkontakte_im_attach_tint: #FFFFFF;
+	--vkui--vkontakte_im_attach_tint--hover: #EBEDF0;
+	--vkui--vkontakte_im_attach_tint--active: #D7D8DB;
+	--vkui--vkontakte_im_reply_separator: #FFFFFF;
+	--vkui--vkontakte_im_reply_separator--hover: #EBEDF0;
+	--vkui--vkontakte_im_reply_separator--active: #D7D8DB;
+	--vkui--vkontakte_im_toolbar_voice_msg_background: #555555;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--hover: #5C5C5C;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--active: #636363;
 	--vkui--vkontakte_color_im_forward_line_alpha: rgba(255, 255, 255, 0.24);
 	--vkui--vkontakte_color_im_forward_line_alpha--hover: rgba(255, 255, 255, 0.28);
 	--vkui--vkontakte_color_im_forward_line_alpha--active: rgba(255, 255, 255, 0.32);

package/themes/vkontakteComDark/cssVars/declarations/onlyColors.css CHANGED Viewed

@@ -38,9 +38,9 @@
 	--vkui--color_background_contrast_inverse: #333333;
 	--vkui--color_background_contrast_inverse--hover: #3B3B3B;
 	--vkui--color_background_contrast_inverse--active: #434343;
-	--vkui--color_background_modal: #333333;
-	--vkui--color_background_modal--hover: #3B3B3B;
-	--vkui--color_background_modal--active: #434343;
+	--vkui--color_background_modal: #292929;
+	--vkui--color_background_modal--hover: #323232;
+	--vkui--color_background_modal--active: #3A3A3A;
 	--vkui--color_background_modal_inverse: #FFFFFF;
 	--vkui--color_background_modal_inverse--hover: #EBEDF0;
 	--vkui--color_background_modal_inverse--active: #D7D8DB;
@@ -77,9 +77,9 @@
 	--vkui--color_text_primary_invariably: #333333;
 	--vkui--color_text_primary_invariably--hover: #3B3B3B;
 	--vkui--color_text_primary_invariably--active: #434343;
-	--vkui--color_text_secondary: #B2B2B2;
-	--vkui--color_text_secondary--hover: #B5B5B5;
-	--vkui--color_text_secondary--active: #B8B8B8;
+	--vkui--color_text_secondary: #828282;
+	--vkui--color_text_secondary--hover: #878787;
+	--vkui--color_text_secondary--active: #8C8C8C;
 	--vkui--color_text_subhead: #939393;
 	--vkui--color_text_subhead--hover: #979797;
 	--vkui--color_text_subhead--active: #9C9C9C;
@@ -116,6 +116,9 @@
 	--vkui--color_link_contrast: #CCCCCC;
 	--vkui--color_link_contrast--hover: #CECECE;
 	--vkui--color_link_contrast--active: #D0D0D0;
+	--vkui--color_text_button: #E1E3E6;
+	--vkui--color_text_button--hover: #E2E4E7;
+	--vkui--color_text_button--active: #E3E5E8;
 	--vkui--color_icon_accent: #71AAEB;
 	--vkui--color_icon_accent--hover: #77ADEC;
 	--vkui--color_icon_accent--active: #7CB1ED;
@@ -161,6 +164,9 @@
 	--vkui--color_icon_negative: #FF5C5C;
 	--vkui--color_icon_negative--hover: #FF6363;
 	--vkui--color_icon_negative--active: #FF6969;
+	--vkui--color_icon_button: #E1E3E6;
+	--vkui--color_icon_button--hover: #E2E4E7;
+	--vkui--color_icon_button--active: #E3E5E8;
 	--vkui--color_stroke_accent: #71AAEB;
 	--vkui--color_stroke_accent--hover: #77ADEC;
 	--vkui--color_stroke_accent--active: #7CB1ED;
@@ -197,6 +203,9 @@
 	--vkui--color_field_border_alpha: rgba(255, 255, 255, 0.12);
 	--vkui--color_field_border_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--color_field_border_alpha--active: rgba(255, 255, 255, 0.2);
+	--vkui--color_stroke_button: #E1E3E6;
+	--vkui--color_stroke_button--hover: #E2E4E7;
+	--vkui--color_stroke_button--active: #E3E5E8;
 	--vkui--color_accent_blue: #397DCC;
 	--vkui--color_accent_blue--hover: #4182CE;
 	--vkui--color_accent_blue--active: #4987D0;
@@ -284,6 +293,9 @@
 	--vkui--vkontakte_color_snippet_border_alpha: rgba(255, 255, 255, 0.16);
 	--vkui--vkontakte_color_snippet_border_alpha--hover: rgba(255, 255, 255, 0.2);
 	--vkui--vkontakte_color_snippet_border_alpha--active: rgba(255, 255, 255, 0.24);
+	--vkui--vkontakte_color_snippet_background: #272727;
+	--vkui--vkontakte_color_snippet_background--hover: #303030;
+	--vkui--vkontakte_color_snippet_background--active: #383838;
 	--vkui--vkontakte_color_modal_card_border_alpha: rgba(255, 255, 255, 0.12);
 	--vkui--vkontakte_color_modal_card_border_alpha--hover: rgba(255, 255, 255, 0.16);
 	--vkui--vkontakte_color_modal_card_border_alpha--active: rgba(255, 255, 255, 0.2);
@@ -296,6 +308,144 @@
 	--vkui--vkontakte_color_input_border: #555555;
 	--vkui--vkontakte_color_input_border--hover: #5C5C5C;
 	--vkui--vkontakte_color_input_border--active: #636363;
+	--vkui--vkontakte_color_search_bar_background: #222222;
+	--vkui--vkontakte_color_search_bar_background--hover: #2B2B2B;
+	--vkui--vkontakte_color_search_bar_background--active: #343434;
+	--vkui--vkontakte_color_search_bar_field_tint: #b2b2b2;
+	--vkui--vkontakte_color_search_bar_field_tint--hover: #B5B5B5;
+	--vkui--vkontakte_color_search_bar_field_tint--active: #B8B8B8;
+	--vkui--vkontakte_background_hover_alpha: rgba(255, 255, 255, 0.08);
+	--vkui--vkontakte_background_hover_alpha--hover: rgba(255, 255, 255, 0.12);
+	--vkui--vkontakte_background_hover_alpha--active: rgba(255, 255, 255, 0.16);
+	--vkui--vkontakte_color_accent_alternate: #FFFFFF;
+	--vkui--vkontakte_color_accent_alternate--hover: #EBEDF0;
+	--vkui--vkontakte_color_accent_alternate--active: #D7D8DB;
+	--vkui--vkontakte_color_background_suggestions: #333333;
+	--vkui--vkontakte_color_background_suggestions--hover: #3B3B3B;
+	--vkui--vkontakte_color_background_suggestions--active: #434343;
+	--vkui--vkontakte_color_background_keyboard: #333333;
+	--vkui--vkontakte_color_background_keyboard--hover: #3B3B3B;
+	--vkui--vkontakte_color_background_keyboard--active: #434343;
+	--vkui--vkontakte_color_content_placeholder_icon: #b2b2b2;
+	--vkui--vkontakte_color_content_placeholder_icon--hover: #B5B5B5;
+	--vkui--vkontakte_color_content_placeholder_icon--active: #B8B8B8;
+	--vkui--vkontakte_color_content_tint_foreground: #939393;
+	--vkui--vkontakte_color_content_tint_foreground--hover: #979797;
+	--vkui--vkontakte_color_content_tint_foreground--active: #9C9C9C;
+	--vkui--vkontakte_color_text_name: #e1e3e6;
+	--vkui--vkontakte_color_text_name--hover: #E2E4E7;
+	--vkui--vkontakte_color_text_name--active: #E3E5E8;
+	--vkui--vkontakte_color_control_background: #555555;
+	--vkui--vkontakte_color_control_background--hover: #5C5C5C;
+	--vkui--vkontakte_color_control_background--active: #636363;
+	--vkui--vkontakte_color_control_foreground: #e1e3e6;
+	--vkui--vkontakte_color_control_foreground--hover: #E2E4E7;
+	--vkui--vkontakte_color_control_foreground--active: #E3E5E8;
+	--vkui--vkontakte_color_control_tint_muted: #939393;
+	--vkui--vkontakte_color_control_tint_muted--hover: #979797;
+	--vkui--vkontakte_color_control_tint_muted--active: #9C9C9C;
+	--vkui--vkontakte_color_header_search_field_background: #424242;
+	--vkui--vkontakte_color_header_search_field_background--hover: #4A4A4A;
+	--vkui--vkontakte_color_header_search_field_background--active: #515151;
+	--vkui--vkontakte_color_header_search_field_tint: #b2b2b2;
+	--vkui--vkontakte_color_header_search_field_tint--hover: #B5B5B5;
+	--vkui--vkontakte_color_header_search_field_tint--active: #B8B8B8;
+	--vkui--vkontakte_color_header_tab_active_indicator: #397dcc;
+	--vkui--vkontakte_color_header_tab_active_indicator--hover: #4182CE;
+	--vkui--vkontakte_color_header_tab_active_indicator--active: #4987D0;
+	--vkui--vkontakte_color_icon_outline_medium: #b2b2b2;
+	--vkui--vkontakte_color_icon_outline_medium--hover: #B5B5B5;
+	--vkui--vkontakte_color_icon_outline_medium--active: #B8B8B8;
+	--vkui--vkontakte_color_icon_outline_secondary: #939393;
+	--vkui--vkontakte_color_icon_outline_secondary--hover: #979797;
+	--vkui--vkontakte_color_icon_outline_secondary--active: #9C9C9C;
+	--vkui--vkontakte_color_skeleton_shimmer_from: #222222;
+	--vkui--vkontakte_color_skeleton_shimmer_from--hover: #2B2B2B;
+	--vkui--vkontakte_color_skeleton_shimmer_from--active: #343434;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to: transparent;
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover: rgba(255, 255, 255, 0.04);
+	--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active: rgba(255, 255, 255, 0.08);
+	--vkui--vkontakte_color_loader_background: #555555;
+	--vkui--vkontakte_color_loader_background--hover: #5C5C5C;
+	--vkui--vkontakte_color_loader_background--active: #636363;
+	--vkui--vkontakte_color_loader_tint: #828282;
+	--vkui--vkontakte_color_loader_tint--hover: #878787;
+	--vkui--vkontakte_color_loader_tint--active: #8C8C8C;
+	--vkui--vkontakte_color_music_playback_icon: #FFFFFF;
+	--vkui--vkontakte_color_music_playback_icon--hover: #EBEDF0;
+	--vkui--vkontakte_color_music_playback_icon--active: #D7D8DB;
+	--vkui--vkontakte_color_status_background: #222222;
+	--vkui--vkontakte_color_status_background--hover: #2B2B2B;
+	--vkui--vkontakte_color_status_background--active: #343434;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary: #939393;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover: #979797;
+	--vkui--vkontakte_color_placeholder_icon_foreground_primary--active: #9C9C9C;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary: #656565;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover: #6B6B6B;
+	--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active: #717171;
+	--vkui--vkontakte_color_placeholder_icon_tint: #FFFFFF;
+	--vkui--vkontakte_color_placeholder_icon_tint--hover: #EBEDF0;
+	--vkui--vkontakte_color_placeholder_icon_tint--active: #D7D8DB;
+	--vkui--vkontakte_color_poll_option_background: #FFFFFF;
+	--vkui--vkontakte_color_poll_option_background--hover: #EBEDF0;
+	--vkui--vkontakte_color_poll_option_background--active: #D7D8DB;
+	--vkui--vkontakte_color_tabbar_active_icon: #FFFFFF;
+	--vkui--vkontakte_color_tabbar_active_icon--hover: #EBEDF0;
+	--vkui--vkontakte_color_tabbar_active_icon--active: #D7D8DB;
+	--vkui--vkontakte_color_tabbar_background: #333333;
+	--vkui--vkontakte_color_tabbar_background--hover: #3B3B3B;
+	--vkui--vkontakte_color_tabbar_background--active: #434343;
+	--vkui--vkontakte_color_tabbar_inactive_icon: #828282;
+	--vkui--vkontakte_color_tabbar_inactive_icon--hover: #878787;
+	--vkui--vkontakte_color_tabbar_inactive_icon--active: #8C8C8C;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary: #828282;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover: #878787;
+	--vkui--vkontakte_color_tabbar_tablet_text_secondary--active: #8C8C8C;
+	--vkui--vkontakte_color_toolbar_attach_background_from: #828282;
+	--vkui--vkontakte_color_toolbar_attach_background_from--hover: #878787;
+	--vkui--vkontakte_color_toolbar_attach_background_from--active: #8C8C8C;
+	--vkui--vkontakte_color_splash_screen_icon: #333333;
+	--vkui--vkontakte_color_splash_screen_icon--hover: #3B3B3B;
+	--vkui--vkontakte_color_splash_screen_icon--active: #434343;
+	--vkui--vkontakte_color_icon_name: #b2b2b2;
+	--vkui--vkontakte_color_icon_name--hover: #B5B5B5;
+	--vkui--vkontakte_color_icon_name--active: #B8B8B8;
+	--vkui--vkontakte_color_panel_tab_active_text: #e1e3e6;
+	--vkui--vkontakte_color_panel_tab_active_text--hover: #E2E4E7;
+	--vkui--vkontakte_color_panel_tab_active_text--active: #E3E5E8;
+	--vkui--vkontakte_color_background_text_alpha: rgba(81, 129, 184, 0.2);
+	--vkui--vkontakte_color_background_text_alpha--hover: rgba(81, 129, 184, 0.24);
+	--vkui--vkontakte_color_background_text_alpha--active: rgba(81, 129, 184, 0.28);
+	--vkui--vkontakte_color_modal_card_header_close: #FFFFFF;
+	--vkui--vkontakte_color_modal_card_header_close--hover: #EBEDF0;
+	--vkui--vkontakte_color_modal_card_header_close--active: #D7D8DB;
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha: rgba(255, 255, 255, 0.24);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover: rgba(255, 255, 255, 0.28);
+	--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active: rgba(255, 255, 255, 0.32);
+	--vkui--vkontakte_im_bubble_button_foreground: #e1e3e6;
+	--vkui--vkontakte_im_bubble_button_foreground--hover: #E2E4E7;
+	--vkui--vkontakte_im_bubble_button_foreground--active: #E3E5E8;
+	--vkui--vkontakte_im_bubble_incoming_highlighted: #656565;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--hover: #6B6B6B;
+	--vkui--vkontakte_im_bubble_incoming_highlighted--active: #717171;
+	--vkui--vkontakte_im_bubble_gift_background: #857250;
+	--vkui--vkontakte_im_bubble_gift_background--hover: #8A7857;
+	--vkui--vkontakte_im_bubble_gift_background--active: #8F7D5E;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted: #ab9871;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--hover: #AE9C77;
+	--vkui--vkontakte_im_bubble_gift_background_highlighted--active: #B2A07C;
+	--vkui--vkontakte_im_bubble_outgoing_alternate: #555555;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--hover: #5C5C5C;
+	--vkui--vkontakte_im_bubble_outgoing_alternate--active: #636363;
+	--vkui--vkontakte_im_attach_tint: #FFFFFF;
+	--vkui--vkontakte_im_attach_tint--hover: #EBEDF0;
+	--vkui--vkontakte_im_attach_tint--active: #D7D8DB;
+	--vkui--vkontakte_im_reply_separator: #FFFFFF;
+	--vkui--vkontakte_im_reply_separator--hover: #EBEDF0;
+	--vkui--vkontakte_im_reply_separator--active: #D7D8DB;
+	--vkui--vkontakte_im_toolbar_voice_msg_background: #555555;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--hover: #5C5C5C;
+	--vkui--vkontakte_im_toolbar_voice_msg_background--active: #636363;
 	--vkui--vkontakte_color_im_forward_line_alpha: rgba(255, 255, 255, 0.24);
 	--vkui--vkontakte_color_im_forward_line_alpha--hover: rgba(255, 255, 255, 0.28);
 	--vkui--vkontakte_color_im_forward_line_alpha--active: rgba(255, 255, 255, 0.32);