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

package/themes/vkComDark/cssVars/theme/fallbacks/index.css

@@ -102,6 +102,7 @@
 	--vkui--size_popup_header_padding--compact: var(--vkui--size_popup_header_padding--compact, 16px);
 	--vkui--size_label_horizontal_margin--regular: var(--vkui--size_label_horizontal_margin--regular, 16px);
 	--vkui--size_border_radius--regular: var(--vkui--size_border_radius--regular, 8px);
+	--vkui--size_border_radius_rounded--regular: var(--vkui--size_border_radius_rounded--regular, 48px);
 	--vkui--size_check_border_radius--regular: var(--vkui--size_check_border_radius--regular, 4px);
 	--vkui--size_border_radius_paper--regular: var(--vkui--size_border_radius_paper--regular, 12px);
 	--vkui--size_border_radius_promo--regular: var(--vkui--size_border_radius_promo--regular, 20px);
@@ -245,12 +246,12 @@
 	--vkui--color_background_negative: var(--vkui--color_background_negative, #FF5C5C);
 	--vkui--color_background_negative--hover: var(--vkui--color_background_negative--hover, #FF6363);
 	--vkui--color_background_negative--active: var(--vkui--color_background_negative--active, #FF6969);
-	--vkui--color_background_negative_tint: var(--vkui--color_background_negative_tint, #522E2E);
+	--vkui--color_background_negative_tint: var(--vkui--color_background_negative_tint, #522e2e);
 	--vkui--color_background_negative_tint--hover: var(--vkui--color_background_negative_tint--hover, #593636);
 	--vkui--color_background_negative_tint--active: var(--vkui--color_background_negative_tint--active, #603F3F);
-	--vkui--color_background_positive_tint: var(--vkui--color_background_positive_tint, #E8f9e8);
-	--vkui--color_background_positive_tint--hover: var(--vkui--color_background_positive_tint--hover, #E9F9E9);
-	--vkui--color_background_positive_tint--active: var(--vkui--color_background_positive_tint--active, #EAF9EA);
+	--vkui--color_background_positive_tint: var(--vkui--color_background_positive_tint, #b1d6b1);
+	--vkui--color_background_positive_tint--hover: var(--vkui--color_background_positive_tint--hover, #B4D8B4);
+	--vkui--color_background_positive_tint--active: var(--vkui--color_background_positive_tint--active, #B7D9B7);
 	--vkui--color_field_background: var(--vkui--color_field_background, #292929);
 	--vkui--color_field_background--hover: var(--vkui--color_field_background--hover, #323232);
 	--vkui--color_field_background--active: var(--vkui--color_field_background--active, #3A3A3A);
@@ -296,10 +297,10 @@
 	--vkui--color_text_link_themed: var(--vkui--color_text_link_themed, #939393);
 	--vkui--color_text_link_themed--hover: var(--vkui--color_text_link_themed--hover, #979797);
 	--vkui--color_text_link_themed--active: var(--vkui--color_text_link_themed--active, #9C9C9C);
-	--vkui--color_text_link_tint: var(--vkui--color_text_link_tint, #71AAEB);
+	--vkui--color_text_link_tint: var(--vkui--color_text_link_tint, #71aaeb);
 	--vkui--color_text_link_tint--hover: var(--vkui--color_text_link_tint--hover, #77ADEC);
 	--vkui--color_text_link_tint--active: var(--vkui--color_text_link_tint--active, #7CB1ED);
-	--vkui--color_text_link_visited: var(--vkui--color_text_link_visited, #4986CC);
+	--vkui--color_text_link_visited: var(--vkui--color_text_link_visited, #4986cc);
 	--vkui--color_text_link_visited--hover: var(--vkui--color_text_link_visited--hover, #508BCE);
 	--vkui--color_text_link_visited--active: var(--vkui--color_text_link_visited--active, #5890D0);
 	--vkui--color_text_muted: var(--vkui--color_text_muted, #CCCCCC);
@@ -317,7 +318,7 @@
 	--vkui--color_icon_accent_themed: var(--vkui--color_icon_accent_themed, #E1E3E6);
 	--vkui--color_icon_accent_themed--hover: var(--vkui--color_icon_accent_themed--hover, #E2E4E7);
 	--vkui--color_icon_accent_themed--active: var(--vkui--color_icon_accent_themed--active, #E3E5E8);
-	--vkui--color_icon_primary: var(--vkui--color_icon_primary, #E1E3E6);
+	--vkui--color_icon_primary: var(--vkui--color_icon_primary, #e1e3e6);
 	--vkui--color_icon_primary--hover: var(--vkui--color_icon_primary--hover, #E2E4E7);
 	--vkui--color_icon_primary--active: var(--vkui--color_icon_primary--active, #E3E5E8);
 	--vkui--color_icon_primary_invariably: var(--vkui--color_icon_primary_invariably, #333333);
@@ -347,7 +348,7 @@
 	--vkui--color_icon_contrast_themed: var(--vkui--color_icon_contrast_themed, #222222);
 	--vkui--color_icon_contrast_themed--hover: var(--vkui--color_icon_contrast_themed--hover, #2B2B2B);
 	--vkui--color_icon_contrast_themed--active: var(--vkui--color_icon_contrast_themed--active, #343434);
-	--vkui--color_icon_contrast_secondary: var(--vkui--color_icon_contrast_secondary, #F2F3F5);
+	--vkui--color_icon_contrast_secondary: var(--vkui--color_icon_contrast_secondary, #f2f3f5);
 	--vkui--color_icon_contrast_secondary--hover: var(--vkui--color_icon_contrast_secondary--hover, #F3F3F5);
 	--vkui--color_icon_contrast_secondary--active: var(--vkui--color_icon_contrast_secondary--active, #F3F4F6);
 	--vkui--color_icon_positive: var(--vkui--color_icon_positive, #4BB34B);
@@ -413,7 +414,7 @@
 	--vkui--color_accent_orange: var(--vkui--color_accent_orange, #FFA000);
 	--vkui--color_accent_orange--hover: var(--vkui--color_accent_orange--hover, #FFA40A);
 	--vkui--color_accent_orange--active: var(--vkui--color_accent_orange--active, #FFA814);
-	--vkui--color_accent_orange_fire: var(--vkui--color_accent_orange_fire, #F05C44);
+	--vkui--color_accent_orange_fire: var(--vkui--color_accent_orange_fire, #f05c44);
 	--vkui--color_accent_orange_fire--hover: var(--vkui--color_accent_orange_fire--hover, #F1634B);
 	--vkui--color_accent_orange_fire--active: var(--vkui--color_accent_orange_fire--active, #F16953);
 	--vkui--color_accent_purple: var(--vkui--color_accent_purple, #937FF5);
@@ -422,22 +423,28 @@
 	--vkui--color_accent_violet: var(--vkui--color_accent_violet, #A393F5);
 	--vkui--color_accent_violet--hover: var(--vkui--color_accent_violet--hover, #A797F5);
 	--vkui--color_accent_violet--active: var(--vkui--color_accent_violet--active, #AA9CF6);
-	--vkui--color_accent_raspberry_pink: var(--vkui--color_accent_raspberry_pink, #F060C0);
+	--vkui--color_accent_raspberry_pink: var(--vkui--color_accent_raspberry_pink, #f060c0);
 	--vkui--color_accent_raspberry_pink--hover: var(--vkui--color_accent_raspberry_pink--hover, #F166C3);
 	--vkui--color_accent_raspberry_pink--active: var(--vkui--color_accent_raspberry_pink--active, #F16DC5);
-	--vkui--color_accent_secondary: var(--vkui--color_accent_secondary, #3F8AE0);
+	--vkui--color_accent_secondary: var(--vkui--color_accent_secondary, #3f8ae0);
 	--vkui--color_accent_secondary--hover: var(--vkui--color_accent_secondary--hover, #478FE1);
 	--vkui--color_accent_secondary--active: var(--vkui--color_accent_secondary--active, #4E93E2);
-	--vkui--color_overlay_primary: var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4));
+	--vkui--color_overlay_primary: var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40));
 	--vkui--color_overlay_primary--hover: var(--vkui--color_overlay_primary--hover, rgba(0, 0, 0, 0.44));
 	--vkui--color_overlay_primary--active: var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48));
-	--vkui--color_avatar_overlay: var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.6));
+	--vkui--color_overlay_secondary: var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5));
+	--vkui--color_overlay_secondary--hover: var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54));
+	--vkui--color_overlay_secondary--active: var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58));
+	--vkui--color_avatar_overlay: var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60));
 	--vkui--color_avatar_overlay--hover: var(--vkui--color_avatar_overlay--hover, rgba(0, 0, 0, 0.64));
 	--vkui--color_avatar_overlay--active: var(--vkui--color_avatar_overlay--active, rgba(0, 0, 0, 0.68));
 	--vkui--color_avatar_overlay_inverse_alpha: var(--vkui--color_avatar_overlay_inverse_alpha, rgba(255, 255, 255, 0.85));
 	--vkui--color_avatar_overlay_inverse_alpha--hover: var(--vkui--color_avatar_overlay_inverse_alpha--hover, rgba(255, 255, 255, 0.89));
 	--vkui--color_avatar_overlay_inverse_alpha--active: var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93));
-	--vkui--color_image_placeholder: var(--vkui--color_image_placeholder, #2A2B2C);
+	--vkui--color_action_sheet_text: var(--vkui--color_action_sheet_text, #71aaeb);
+	--vkui--color_action_sheet_text--hover: var(--vkui--color_action_sheet_text--hover, #77ADEC);
+	--vkui--color_action_sheet_text--active: var(--vkui--color_action_sheet_text--active, #7CB1ED);
+	--vkui--color_image_placeholder: var(--vkui--color_image_placeholder, #2a2b2c);
 	--vkui--color_image_placeholder--hover: var(--vkui--color_image_placeholder--hover, #333334);
 	--vkui--color_image_placeholder--active: var(--vkui--color_image_placeholder--active, #3B3C3D);
 	--vkui--color_image_placeholder_alpha: var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08));
@@ -461,9 +468,6 @@
 	--vkui--color_write_bar_input_border_alpha: var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8));
 	--vkui--color_write_bar_input_border_alpha--hover: var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84));
 	--vkui--color_write_bar_input_border_alpha--active: var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88));
-	--vkui--color_action_sheet_text: var(--vkui--color_action_sheet_text, #529EF4);
-	--vkui--color_action_sheet_text--hover: var(--vkui--color_action_sheet_text--hover, #59A2F4);
-	--vkui--color_action_sheet_text--active: var(--vkui--color_action_sheet_text--active, #60A6F5);
 	--vkui--color_track_background: var(--vkui--color_track_background, #828282);
 	--vkui--color_track_background--hover: var(--vkui--color_track_background--hover, #878787);
 	--vkui--color_track_background--active: var(--vkui--color_track_background--active, #8C8C8C);
@@ -479,6 +483,9 @@
 	--vkui--color_segmented_control: var(--vkui--color_segmented_control, #626364);
 	--vkui--color_segmented_control--hover: var(--vkui--color_segmented_control--hover, #68696A);
 	--vkui--color_segmented_control--active: var(--vkui--color_segmented_control--active, #6F6F70);
+	--vkui--color_tabbar_text_inactive: var(--vkui--color_tabbar_text_inactive, #76787a);
+	--vkui--color_tabbar_text_inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F);
+	--vkui--color_tabbar_text_inactive--active: var(--vkui--color_tabbar_text_inactive--active, #818385);
 	--vkui--color_transparent: var(--vkui--color_transparent, transparent);
 	--vkui--color_transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
 	--vkui--color_transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08));

package/themes/vkComDark/cssVars/theme/fallbacks/index.less

@@ -25,6 +25,7 @@
 @size-popup-header-padding--compact: var(--vkui--size_popup_header_padding--compact, 16px);
 @size-label-horizontal-margin--regular: var(--vkui--size_label_horizontal_margin--regular, 16px);
 @size-border-radius--regular: var(--vkui--size_border_radius--regular, 8px);
+@size-border-radius-rounded--regular: var(--vkui--size_border_radius_rounded--regular, 48px);
 @size-check-border-radius--regular: var(--vkui--size_check_border_radius--regular, 4px);
 @size-border-radius-paper--regular: var(--vkui--size_border_radius_paper--regular, 12px);
 @size-border-radius-promo--regular: var(--vkui--size_border_radius_promo--regular, 20px);
@@ -162,12 +163,12 @@
 @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);
@@ -213,10 +214,10 @@
 @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);
@@ -234,7 +235,7 @@
 @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);
@@ -264,7 +265,7 @@
 @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);
@@ -330,7 +331,7 @@
 @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);
@@ -339,22 +340,28 @@
 @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-overlay-secondary: var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5));
+@color-overlay-secondary--hover: var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54));
+@color-overlay-secondary--active: var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58));
+@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));
@@ -378,9 +385,6 @@
 @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);
@@ -396,6 +400,9 @@
 @color-segmented-control: var(--vkui--color_segmented_control, #626364);
 @color-segmented-control--hover: var(--vkui--color_segmented_control--hover, #68696A);
 @color-segmented-control--active: var(--vkui--color_segmented_control--active, #6F6F70);
+@color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #76787a);
+@color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F);
+@color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #818385);
 @color-transparent: var(--vkui--color_transparent, transparent);
 @color-transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
 @color-transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08));

package/themes/vkComDark/cssVars/theme/fallbacks/index.pcss

@@ -26,6 +26,7 @@
 	--size-popup-header-padding--compact: var(--vkui--size_popup_header_padding--compact, 16px);
 	--size-label-horizontal-margin--regular: var(--vkui--size_label_horizontal_margin--regular, 16px);
 	--size-border-radius--regular: var(--vkui--size_border_radius--regular, 8px);
+	--size-border-radius-rounded--regular: var(--vkui--size_border_radius_rounded--regular, 48px);
 	--size-check-border-radius--regular: var(--vkui--size_check_border_radius--regular, 4px);
 	--size-border-radius-paper--regular: var(--vkui--size_border_radius_paper--regular, 12px);
 	--size-border-radius-promo--regular: var(--vkui--size_border_radius_promo--regular, 20px);
@@ -163,12 +164,12 @@
 	--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);
@@ -214,10 +215,10 @@
 	--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);
@@ -235,7 +236,7 @@
 	--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);
@@ -265,7 +266,7 @@
 	--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);
@@ -331,7 +332,7 @@
 	--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);
@@ -340,22 +341,28 @@
 	--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-overlay-secondary: var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5));
+	--color-overlay-secondary--hover: var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54));
+	--color-overlay-secondary--active: var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58));
+	--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));
@@ -379,9 +386,6 @@
 	--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);
@@ -397,6 +401,9 @@
 	--color-segmented-control: var(--vkui--color_segmented_control, #626364);
 	--color-segmented-control--hover: var(--vkui--color_segmented_control--hover, #68696A);
 	--color-segmented-control--active: var(--vkui--color_segmented_control--active, #6F6F70);
+	--color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #76787a);
+	--color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F);
+	--color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #818385);
 	--color-transparent: var(--vkui--color_transparent, transparent);
 	--color-transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
 	--color-transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08));

package/themes/vkComDark/cssVars/theme/fallbacks/index.scss

@@ -25,6 +25,7 @@ $size-popup-header-padding--regular: var(--vkui--size_popup_header_padding--regu
 $size-popup-header-padding--compact: var(--vkui--size_popup_header_padding--compact, 16px);
 $size-label-horizontal-margin--regular: var(--vkui--size_label_horizontal_margin--regular, 16px);
 $size-border-radius--regular: var(--vkui--size_border_radius--regular, 8px);
+$size-border-radius-rounded--regular: var(--vkui--size_border_radius_rounded--regular, 48px);
 $size-check-border-radius--regular: var(--vkui--size_check_border_radius--regular, 4px);
 $size-border-radius-paper--regular: var(--vkui--size_border_radius_paper--regular, 12px);
 $size-border-radius-promo--regular: var(--vkui--size_border_radius_promo--regular, 20px);
@@ -162,12 +163,12 @@ $color-background-positive--active: var(--vkui--color_background_positive--activ
 $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);
@@ -213,10 +214,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);
@@ -234,7 +235,7 @@ $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);
@@ -264,7 +265,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);
@@ -330,7 +331,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);
@@ -339,22 +340,28 @@ $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-overlay-secondary: var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5));
+$color-overlay-secondary--hover: var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54));
+$color-overlay-secondary--active: var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58));
+$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));
@@ -378,9 +385,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);
@@ -396,6 +400,9 @@ $color-panel-header-icon--active: var(--vkui--color_panel_header_icon--active, #
 $color-segmented-control: var(--vkui--color_segmented_control, #626364);
 $color-segmented-control--hover: var(--vkui--color_segmented_control--hover, #68696A);
 $color-segmented-control--active: var(--vkui--color_segmented_control--active, #6F6F70);
+$color-tabbar-text-inactive: var(--vkui--color_tabbar_text_inactive, #76787a);
+$color-tabbar-text-inactive--hover: var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F);
+$color-tabbar-text-inactive--active: var(--vkui--color_tabbar_text_inactive--active, #818385);
 $color-transparent: var(--vkui--color_transparent, transparent);
 $color-transparent--hover: var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
 $color-transparent--active: var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08));

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

@@ -25,6 +25,7 @@ $size-popup-header-padding--regular = var(--vkui--size_popup_header_padding--reg
 $size-popup-header-padding--compact = var(--vkui--size_popup_header_padding--compact, 16px);
 $size-label-horizontal-margin--regular = var(--vkui--size_label_horizontal_margin--regular, 16px);
 $size-border-radius--regular = var(--vkui--size_border_radius--regular, 8px);
+$size-border-radius-rounded--regular = var(--vkui--size_border_radius_rounded--regular, 48px);
 $size-check-border-radius--regular = var(--vkui--size_check_border_radius--regular, 4px);
 $size-border-radius-paper--regular = var(--vkui--size_border_radius_paper--regular, 12px);
 $size-border-radius-promo--regular = var(--vkui--size_border_radius_promo--regular, 20px);
@@ -162,12 +163,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);
@@ -213,10 +214,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);
@@ -234,7 +235,7 @@ $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);
@@ -264,7 +265,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);
@@ -330,7 +331,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);
@@ -339,22 +340,28 @@ $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-overlay-secondary = var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5));
+$color-overlay-secondary--hover = var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54));
+$color-overlay-secondary--active = var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58));
+$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));
@@ -378,9 +385,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);
@@ -396,6 +400,9 @@ $color-panel-header-icon--active = var(--vkui--color_panel_header_icon--active,
 $color-segmented-control = var(--vkui--color_segmented_control, #626364);
 $color-segmented-control--hover = var(--vkui--color_segmented_control--hover, #68696A);
 $color-segmented-control--active = var(--vkui--color_segmented_control--active, #6F6F70);
+$color-tabbar-text-inactive = var(--vkui--color_tabbar_text_inactive, #76787a);
+$color-tabbar-text-inactive--hover = var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F);
+$color-tabbar-text-inactive--active = var(--vkui--color_tabbar_text_inactive--active, #818385);
 $color-transparent = var(--vkui--color_transparent, transparent);
 $color-transparent--hover = var(--vkui--color_transparent--hover, rgba(255, 255, 255, 0.04));
 $color-transparent--active = var(--vkui--color_transparent--active, rgba(255, 255, 255, 0.08));