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

package/themes/vkontakteComDark/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);
@@ -196,12 +197,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);
@@ -247,10 +248,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);
@@ -268,7 +269,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);
@@ -298,7 +299,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);
@@ -364,7 +365,7 @@ $color-accent-green--active: var(--vkui--color_accent_green--active, #59B959);
 $color-accent-orange: var(--vkui--color_accent_orange, #FFA000);
 $color-accent-orange--hover: var(--vkui--color_accent_orange--hover, #FFA40A);
 $color-accent-orange--active: var(--vkui--color_accent_orange--active, #FFA814);
-$color-accent-orange-fire: var(--vkui--color_accent_orange_fire, #F05C44);
+$color-accent-orange-fire: var(--vkui--color_accent_orange_fire, #f05c44);
 $color-accent-orange-fire--hover: var(--vkui--color_accent_orange_fire--hover, #F1634B);
 $color-accent-orange-fire--active: var(--vkui--color_accent_orange_fire--active, #F16953);
 $color-accent-purple: var(--vkui--color_accent_purple, #937FF5);
@@ -373,22 +374,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));
@@ -412,9 +419,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);
@@ -430,6 +434,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/vkontakteComDark/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);
@@ -196,12 +197,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);
@@ -247,10 +248,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);
@@ -268,7 +269,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);
@@ -298,7 +299,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);
@@ -364,7 +365,7 @@ $color-accent-green--active = var(--vkui--color_accent_green--active, #59B959);
 $color-accent-orange = var(--vkui--color_accent_orange, #FFA000);
 $color-accent-orange--hover = var(--vkui--color_accent_orange--hover, #FFA40A);
 $color-accent-orange--active = var(--vkui--color_accent_orange--active, #FFA814);
-$color-accent-orange-fire = var(--vkui--color_accent_orange_fire, #F05C44);
+$color-accent-orange-fire = var(--vkui--color_accent_orange_fire, #f05c44);
 $color-accent-orange-fire--hover = var(--vkui--color_accent_orange_fire--hover, #F1634B);
 $color-accent-orange-fire--active = var(--vkui--color_accent_orange_fire--active, #F16953);
 $color-accent-purple = var(--vkui--color_accent_purple, #937FF5);
@@ -373,22 +374,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));
@@ -412,9 +419,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);
@@ -430,6 +434,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/vkontakteComDark/cssVars/theme/index.js

@@ -819,6 +819,16 @@ var theme = {
             "value": "var(--vkui--size_border_radius--regular, 8px)"
         }
     },
+    "sizeBorderRadiusRounded": {
+        "auto": {
+            "name": "--vkui--size_border_radius_rounded",
+            "value": "var(--vkui--size_border_radius_rounded)"
+        },
+        "regular": {
+            "name": "--vkui--size_border_radius_rounded--regular",
+            "value": "var(--vkui--size_border_radius_rounded--regular, 48px)"
+        }
+    },
     "sizeCheckBorderRadius": {
         "auto": {
             "name": "--vkui--size_check_border_radius",
@@ -1944,7 +1954,7 @@ var theme = {
     "colorBackgroundNegativeTint": {
         "normal": {
             "name": "--vkui--color_background_negative_tint",
-            "value": "var(--vkui--color_background_negative_tint, #522E2E)"
+            "value": "var(--vkui--color_background_negative_tint, #522e2e)"
         },
         "hover": {
             "name": "--vkui--color_background_negative_tint--hover",
@@ -1958,15 +1968,15 @@ var theme = {
     "colorBackgroundPositiveTint": {
         "normal": {
             "name": "--vkui--color_background_positive_tint",
-            "value": "var(--vkui--color_background_positive_tint, #E8f9e8)"
+            "value": "var(--vkui--color_background_positive_tint, #b1d6b1)"
         },
         "hover": {
             "name": "--vkui--color_background_positive_tint--hover",
-            "value": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)"
+            "value": "var(--vkui--color_background_positive_tint--hover, #B4D8B4)"
         },
         "active": {
             "name": "--vkui--color_background_positive_tint--active",
-            "value": "var(--vkui--color_background_positive_tint--active, #EAF9EA)"
+            "value": "var(--vkui--color_background_positive_tint--active, #B7D9B7)"
         }
     },
     "colorFieldBackground": {
@@ -2182,7 +2192,7 @@ var theme = {
     "colorTextLinkTint": {
         "normal": {
             "name": "--vkui--color_text_link_tint",
-            "value": "var(--vkui--color_text_link_tint, #71AAEB)"
+            "value": "var(--vkui--color_text_link_tint, #71aaeb)"
         },
         "hover": {
             "name": "--vkui--color_text_link_tint--hover",
@@ -2196,7 +2206,7 @@ var theme = {
     "colorTextLinkVisited": {
         "normal": {
             "name": "--vkui--color_text_link_visited",
-            "value": "var(--vkui--color_text_link_visited, #4986CC)"
+            "value": "var(--vkui--color_text_link_visited, #4986cc)"
         },
         "hover": {
             "name": "--vkui--color_text_link_visited--hover",
@@ -2280,7 +2290,7 @@ var theme = {
     "colorIconPrimary": {
         "normal": {
             "name": "--vkui--color_icon_primary",
-            "value": "var(--vkui--color_icon_primary, #E1E3E6)"
+            "value": "var(--vkui--color_icon_primary, #e1e3e6)"
         },
         "hover": {
             "name": "--vkui--color_icon_primary--hover",
@@ -2420,7 +2430,7 @@ var theme = {
     "colorIconContrastSecondary": {
         "normal": {
             "name": "--vkui--color_icon_contrast_secondary",
-            "value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)"
+            "value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)"
         },
         "hover": {
             "name": "--vkui--color_icon_contrast_secondary--hover",
@@ -2728,7 +2738,7 @@ var theme = {
     "colorAccentOrangeFire": {
         "normal": {
             "name": "--vkui--color_accent_orange_fire",
-            "value": "var(--vkui--color_accent_orange_fire, #F05C44)"
+            "value": "var(--vkui--color_accent_orange_fire, #f05c44)"
         },
         "hover": {
             "name": "--vkui--color_accent_orange_fire--hover",
@@ -2770,7 +2780,7 @@ var theme = {
     "colorAccentRaspberryPink": {
         "normal": {
             "name": "--vkui--color_accent_raspberry_pink",
-            "value": "var(--vkui--color_accent_raspberry_pink, #F060C0)"
+            "value": "var(--vkui--color_accent_raspberry_pink, #f060c0)"
         },
         "hover": {
             "name": "--vkui--color_accent_raspberry_pink--hover",
@@ -2784,7 +2794,7 @@ var theme = {
     "colorAccentSecondary": {
         "normal": {
             "name": "--vkui--color_accent_secondary",
-            "value": "var(--vkui--color_accent_secondary, #3F8AE0)"
+            "value": "var(--vkui--color_accent_secondary, #3f8ae0)"
         },
         "hover": {
             "name": "--vkui--color_accent_secondary--hover",
@@ -2798,7 +2808,7 @@ var theme = {
     "colorOverlayPrimary": {
         "normal": {
             "name": "--vkui--color_overlay_primary",
-            "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))"
+            "value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))"
         },
         "hover": {
             "name": "--vkui--color_overlay_primary--hover",
@@ -2809,10 +2819,24 @@ var theme = {
             "value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))"
         }
     },
+    "colorOverlaySecondary": {
+        "normal": {
+            "name": "--vkui--color_overlay_secondary",
+            "value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))"
+        },
+        "hover": {
+            "name": "--vkui--color_overlay_secondary--hover",
+            "value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))"
+        },
+        "active": {
+            "name": "--vkui--color_overlay_secondary--active",
+            "value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))"
+        }
+    },
     "colorAvatarOverlay": {
         "normal": {
             "name": "--vkui--color_avatar_overlay",
-            "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.6))"
+            "value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))"
         },
         "hover": {
             "name": "--vkui--color_avatar_overlay--hover",
@@ -2837,10 +2861,24 @@ var theme = {
             "value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))"
         }
     },
+    "colorActionSheetText": {
+        "normal": {
+            "name": "--vkui--color_action_sheet_text",
+            "value": "var(--vkui--color_action_sheet_text, #71aaeb)"
+        },
+        "hover": {
+            "name": "--vkui--color_action_sheet_text--hover",
+            "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)"
+        },
+        "active": {
+            "name": "--vkui--color_action_sheet_text--active",
+            "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)"
+        }
+    },
     "colorImagePlaceholder": {
         "normal": {
             "name": "--vkui--color_image_placeholder",
-            "value": "var(--vkui--color_image_placeholder, #2A2B2C)"
+            "value": "var(--vkui--color_image_placeholder, #2a2b2c)"
         },
         "hover": {
             "name": "--vkui--color_image_placeholder--hover",
@@ -2949,20 +2987,6 @@ var theme = {
             "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))"
         }
     },
-    "colorActionSheetText": {
-        "normal": {
-            "name": "--vkui--color_action_sheet_text",
-            "value": "var(--vkui--color_action_sheet_text, #529EF4)"
-        },
-        "hover": {
-            "name": "--vkui--color_action_sheet_text--hover",
-            "value": "var(--vkui--color_action_sheet_text--hover, #59A2F4)"
-        },
-        "active": {
-            "name": "--vkui--color_action_sheet_text--active",
-            "value": "var(--vkui--color_action_sheet_text--active, #60A6F5)"
-        }
-    },
     "colorTrackBackground": {
         "normal": {
             "name": "--vkui--color_track_background",
@@ -3033,6 +3057,20 @@ var theme = {
             "value": "var(--vkui--color_segmented_control--active, #6F6F70)"
         }
     },
+    "colorTabbarTextInactive": {
+        "normal": {
+            "name": "--vkui--color_tabbar_text_inactive",
+            "value": "var(--vkui--color_tabbar_text_inactive, #76787a)"
+        },
+        "hover": {
+            "name": "--vkui--color_tabbar_text_inactive--hover",
+            "value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)"
+        },
+        "active": {
+            "name": "--vkui--color_tabbar_text_inactive--active",
+            "value": "var(--vkui--color_tabbar_text_inactive--active, #818385)"
+        }
+    },
     "colorTransparent": {
         "normal": {
             "name": "--vkui--color_transparent",

package/themes/vkontakteComDark/cssVars/theme/index.json

@@ -817,6 +817,16 @@
 			"value": "var(--vkui--size_border_radius--regular, 8px)"
 		}
 	},
+	"sizeBorderRadiusRounded": {
+		"auto": {
+			"name": "--vkui--size_border_radius_rounded",
+			"value": "var(--vkui--size_border_radius_rounded)"
+		},
+		"regular": {
+			"name": "--vkui--size_border_radius_rounded--regular",
+			"value": "var(--vkui--size_border_radius_rounded--regular, 48px)"
+		}
+	},
 	"sizeCheckBorderRadius": {
 		"auto": {
 			"name": "--vkui--size_check_border_radius",
@@ -1942,7 +1952,7 @@
 	"colorBackgroundNegativeTint": {
 		"normal": {
 			"name": "--vkui--color_background_negative_tint",
-			"value": "var(--vkui--color_background_negative_tint, #522E2E)"
+			"value": "var(--vkui--color_background_negative_tint, #522e2e)"
 		},
 		"hover": {
 			"name": "--vkui--color_background_negative_tint--hover",
@@ -1956,15 +1966,15 @@
 	"colorBackgroundPositiveTint": {
 		"normal": {
 			"name": "--vkui--color_background_positive_tint",
-			"value": "var(--vkui--color_background_positive_tint, #E8f9e8)"
+			"value": "var(--vkui--color_background_positive_tint, #b1d6b1)"
 		},
 		"hover": {
 			"name": "--vkui--color_background_positive_tint--hover",
-			"value": "var(--vkui--color_background_positive_tint--hover, #E9F9E9)"
+			"value": "var(--vkui--color_background_positive_tint--hover, #B4D8B4)"
 		},
 		"active": {
 			"name": "--vkui--color_background_positive_tint--active",
-			"value": "var(--vkui--color_background_positive_tint--active, #EAF9EA)"
+			"value": "var(--vkui--color_background_positive_tint--active, #B7D9B7)"
 		}
 	},
 	"colorFieldBackground": {
@@ -2180,7 +2190,7 @@
 	"colorTextLinkTint": {
 		"normal": {
 			"name": "--vkui--color_text_link_tint",
-			"value": "var(--vkui--color_text_link_tint, #71AAEB)"
+			"value": "var(--vkui--color_text_link_tint, #71aaeb)"
 		},
 		"hover": {
 			"name": "--vkui--color_text_link_tint--hover",
@@ -2194,7 +2204,7 @@
 	"colorTextLinkVisited": {
 		"normal": {
 			"name": "--vkui--color_text_link_visited",
-			"value": "var(--vkui--color_text_link_visited, #4986CC)"
+			"value": "var(--vkui--color_text_link_visited, #4986cc)"
 		},
 		"hover": {
 			"name": "--vkui--color_text_link_visited--hover",
@@ -2278,7 +2288,7 @@
 	"colorIconPrimary": {
 		"normal": {
 			"name": "--vkui--color_icon_primary",
-			"value": "var(--vkui--color_icon_primary, #E1E3E6)"
+			"value": "var(--vkui--color_icon_primary, #e1e3e6)"
 		},
 		"hover": {
 			"name": "--vkui--color_icon_primary--hover",
@@ -2418,7 +2428,7 @@
 	"colorIconContrastSecondary": {
 		"normal": {
 			"name": "--vkui--color_icon_contrast_secondary",
-			"value": "var(--vkui--color_icon_contrast_secondary, #F2F3F5)"
+			"value": "var(--vkui--color_icon_contrast_secondary, #f2f3f5)"
 		},
 		"hover": {
 			"name": "--vkui--color_icon_contrast_secondary--hover",
@@ -2726,7 +2736,7 @@
 	"colorAccentOrangeFire": {
 		"normal": {
 			"name": "--vkui--color_accent_orange_fire",
-			"value": "var(--vkui--color_accent_orange_fire, #F05C44)"
+			"value": "var(--vkui--color_accent_orange_fire, #f05c44)"
 		},
 		"hover": {
 			"name": "--vkui--color_accent_orange_fire--hover",
@@ -2768,7 +2778,7 @@
 	"colorAccentRaspberryPink": {
 		"normal": {
 			"name": "--vkui--color_accent_raspberry_pink",
-			"value": "var(--vkui--color_accent_raspberry_pink, #F060C0)"
+			"value": "var(--vkui--color_accent_raspberry_pink, #f060c0)"
 		},
 		"hover": {
 			"name": "--vkui--color_accent_raspberry_pink--hover",
@@ -2782,7 +2792,7 @@
 	"colorAccentSecondary": {
 		"normal": {
 			"name": "--vkui--color_accent_secondary",
-			"value": "var(--vkui--color_accent_secondary, #3F8AE0)"
+			"value": "var(--vkui--color_accent_secondary, #3f8ae0)"
 		},
 		"hover": {
 			"name": "--vkui--color_accent_secondary--hover",
@@ -2796,7 +2806,7 @@
 	"colorOverlayPrimary": {
 		"normal": {
 			"name": "--vkui--color_overlay_primary",
-			"value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.4))"
+			"value": "var(--vkui--color_overlay_primary, rgba(0, 0, 0, 0.40))"
 		},
 		"hover": {
 			"name": "--vkui--color_overlay_primary--hover",
@@ -2807,10 +2817,24 @@
 			"value": "var(--vkui--color_overlay_primary--active, rgba(0, 0, 0, 0.48))"
 		}
 	},
+	"colorOverlaySecondary": {
+		"normal": {
+			"name": "--vkui--color_overlay_secondary",
+			"value": "var(--vkui--color_overlay_secondary, rgb(55, 56, 57, 0.5))"
+		},
+		"hover": {
+			"name": "--vkui--color_overlay_secondary--hover",
+			"value": "var(--vkui--color_overlay_secondary--hover, rgba(55, 56, 57, 0.54))"
+		},
+		"active": {
+			"name": "--vkui--color_overlay_secondary--active",
+			"value": "var(--vkui--color_overlay_secondary--active, rgba(55, 56, 57, 0.58))"
+		}
+	},
 	"colorAvatarOverlay": {
 		"normal": {
 			"name": "--vkui--color_avatar_overlay",
-			"value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.6))"
+			"value": "var(--vkui--color_avatar_overlay, rgba(0, 0, 0, 0.60))"
 		},
 		"hover": {
 			"name": "--vkui--color_avatar_overlay--hover",
@@ -2835,10 +2859,24 @@
 			"value": "var(--vkui--color_avatar_overlay_inverse_alpha--active, rgba(255, 255, 255, 0.93))"
 		}
 	},
+	"colorActionSheetText": {
+		"normal": {
+			"name": "--vkui--color_action_sheet_text",
+			"value": "var(--vkui--color_action_sheet_text, #71aaeb)"
+		},
+		"hover": {
+			"name": "--vkui--color_action_sheet_text--hover",
+			"value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)"
+		},
+		"active": {
+			"name": "--vkui--color_action_sheet_text--active",
+			"value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)"
+		}
+	},
 	"colorImagePlaceholder": {
 		"normal": {
 			"name": "--vkui--color_image_placeholder",
-			"value": "var(--vkui--color_image_placeholder, #2A2B2C)"
+			"value": "var(--vkui--color_image_placeholder, #2a2b2c)"
 		},
 		"hover": {
 			"name": "--vkui--color_image_placeholder--hover",
@@ -2947,20 +2985,6 @@
 			"value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))"
 		}
 	},
-	"colorActionSheetText": {
-		"normal": {
-			"name": "--vkui--color_action_sheet_text",
-			"value": "var(--vkui--color_action_sheet_text, #529EF4)"
-		},
-		"hover": {
-			"name": "--vkui--color_action_sheet_text--hover",
-			"value": "var(--vkui--color_action_sheet_text--hover, #59A2F4)"
-		},
-		"active": {
-			"name": "--vkui--color_action_sheet_text--active",
-			"value": "var(--vkui--color_action_sheet_text--active, #60A6F5)"
-		}
-	},
 	"colorTrackBackground": {
 		"normal": {
 			"name": "--vkui--color_track_background",
@@ -3031,6 +3055,20 @@
 			"value": "var(--vkui--color_segmented_control--active, #6F6F70)"
 		}
 	},
+	"colorTabbarTextInactive": {
+		"normal": {
+			"name": "--vkui--color_tabbar_text_inactive",
+			"value": "var(--vkui--color_tabbar_text_inactive, #76787a)"
+		},
+		"hover": {
+			"name": "--vkui--color_tabbar_text_inactive--hover",
+			"value": "var(--vkui--color_tabbar_text_inactive--hover, #7B7D7F)"
+		},
+		"active": {
+			"name": "--vkui--color_tabbar_text_inactive--active",
+			"value": "var(--vkui--color_tabbar_text_inactive--active, #818385)"
+		}
+	},
 	"colorTransparent": {
 		"normal": {
 			"name": "--vkui--color_transparent",