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

package/themes/vkontakteCom/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",
@@ -1790,15 +1800,15 @@ var theme = {
     "colorBackgroundSecondaryAlpha": {
         "normal": {
             "name": "--vkui--color_background_secondary_alpha",
-            "value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))"
+            "value": "var(--vkui--color_background_secondary_alpha, rgba(229, 235, 241, 0.99))"
         },
         "hover": {
             "name": "--vkui--color_background_secondary_alpha--hover",
-            "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))"
+            "value": "var(--vkui--color_background_secondary_alpha--hover, rgba(213, 224, 234, 0.99))"
         },
         "active": {
             "name": "--vkui--color_background_secondary_alpha--active",
-            "value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))"
+            "value": "var(--vkui--color_background_secondary_alpha--active, rgba(200, 212, 224, 0.99))"
         }
     },
     "colorBackgroundTertiary": {
@@ -1846,7 +1856,7 @@ var theme = {
     "colorBackgroundContrastSecondaryAlpha": {
         "normal": {
             "name": "--vkui--color_background_contrast_secondary_alpha",
-            "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))"
+            "value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))"
         },
         "hover": {
             "name": "--vkui--color_background_contrast_secondary_alpha--hover",
@@ -1902,7 +1912,7 @@ var theme = {
     "colorBackgroundWarning": {
         "normal": {
             "name": "--vkui--color_background_warning",
-            "value": "var(--vkui--color_background_warning, #FFF2D6)"
+            "value": "var(--vkui--color_background_warning, #fff2d6)"
         },
         "hover": {
             "name": "--vkui--color_background_warning--hover",
@@ -1944,7 +1954,7 @@ var theme = {
     "colorBackgroundNegativeTint": {
         "normal": {
             "name": "--vkui--color_background_negative_tint",
-            "value": "var(--vkui--color_background_negative_tint, #FAEBEB)"
+            "value": "var(--vkui--color_background_negative_tint, #faebeb)"
         },
         "hover": {
             "name": "--vkui--color_background_negative_tint--hover",
@@ -1958,7 +1968,7 @@ 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, #e8f9e8)"
         },
         "hover": {
             "name": "--vkui--color_background_positive_tint--hover",
@@ -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, #2C2D2E)"
+            "value": "var(--vkui--color_icon_primary, #2c2d2e)"
         },
         "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",
@@ -2504,7 +2514,7 @@ var theme = {
     "colorSeparatorPrimary": {
         "normal": {
             "name": "--vkui--color_separator_primary",
-            "value": "var(--vkui--color_separator_primary, #D7D8D9)"
+            "value": "var(--vkui--color_separator_primary, #d7d8d9)"
         },
         "hover": {
             "name": "--vkui--color_separator_primary--hover",
@@ -2602,7 +2612,7 @@ var theme = {
     "colorStrokeContrast": {
         "normal": {
             "name": "--vkui--color_stroke_contrast",
-            "value": "var(--vkui--color_stroke_contrast, #FFFFFF)"
+            "value": "var(--vkui--color_stroke_contrast, #ffffff)"
         },
         "hover": {
             "name": "--vkui--color_stroke_contrast--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, #E03FAB)"
+            "value": "var(--vkui--color_accent_raspberry_pink, #e03fab)"
         },
         "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(44, 45, 46, 0.5))"
+        },
+        "hover": {
+            "name": "--vkui--color_overlay_secondary--hover",
+            "value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))"
+        },
+        "active": {
+            "name": "--vkui--color_overlay_secondary--active",
+            "value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 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",
@@ -2840,7 +2864,7 @@ var theme = {
     "colorActionSheetText": {
         "normal": {
             "name": "--vkui--color_action_sheet_text",
-            "value": "var(--vkui--color_action_sheet_text, #3F8AE0)"
+            "value": "var(--vkui--color_action_sheet_text, #3f8ae0)"
         },
         "hover": {
             "name": "--vkui--color_action_sheet_text--hover",
@@ -2854,7 +2878,7 @@ var theme = {
     "colorImagePlaceholder": {
         "normal": {
             "name": "--vkui--color_image_placeholder",
-            "value": "var(--vkui--color_image_placeholder, #F2F3F5)"
+            "value": "var(--vkui--color_image_placeholder, #f2f3f5)"
         },
         "hover": {
             "name": "--vkui--color_image_placeholder--hover",
@@ -3022,7 +3046,7 @@ var theme = {
     "colorSegmentedControl": {
         "normal": {
             "name": "--vkui--color_segmented_control",
-            "value": "var(--vkui--color_segmented_control, #FFFFFF)"
+            "value": "var(--vkui--color_segmented_control, #ffffff)"
         },
         "hover": {
             "name": "--vkui--color_segmented_control--hover",
@@ -3033,6 +3057,20 @@ var theme = {
             "value": "var(--vkui--color_segmented_control--active, #EBECEF)"
         }
     },
+    "colorTabbarTextInactive": {
+        "normal": {
+            "name": "--vkui--color_tabbar_text_inactive",
+            "value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)"
+        },
+        "hover": {
+            "name": "--vkui--color_tabbar_text_inactive--hover",
+            "value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)"
+        },
+        "active": {
+            "name": "--vkui--color_tabbar_text_inactive--active",
+            "value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)"
+        }
+    },
     "colorTransparent": {
         "normal": {
             "name": "--vkui--color_transparent",

package/themes/vkontakteCom/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",
@@ -1788,15 +1798,15 @@
 	"colorBackgroundSecondaryAlpha": {
 		"normal": {
 			"name": "--vkui--color_background_secondary_alpha",
-			"value": "var(--vkui--color_background_secondary_alpha, rgba(0, 0, 0, 0.04))"
+			"value": "var(--vkui--color_background_secondary_alpha, rgba(229, 235, 241, 0.99))"
 		},
 		"hover": {
 			"name": "--vkui--color_background_secondary_alpha--hover",
-			"value": "var(--vkui--color_background_secondary_alpha--hover, rgba(0, 0, 0, 0.08))"
+			"value": "var(--vkui--color_background_secondary_alpha--hover, rgba(213, 224, 234, 0.99))"
 		},
 		"active": {
 			"name": "--vkui--color_background_secondary_alpha--active",
-			"value": "var(--vkui--color_background_secondary_alpha--active, rgba(0, 0, 0, 0.12))"
+			"value": "var(--vkui--color_background_secondary_alpha--active, rgba(200, 212, 224, 0.99))"
 		}
 	},
 	"colorBackgroundTertiary": {
@@ -1844,7 +1854,7 @@
 	"colorBackgroundContrastSecondaryAlpha": {
 		"normal": {
 			"name": "--vkui--color_background_contrast_secondary_alpha",
-			"value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.2))"
+			"value": "var(--vkui--color_background_contrast_secondary_alpha, rgba(255, 255, 255, 0.20))"
 		},
 		"hover": {
 			"name": "--vkui--color_background_contrast_secondary_alpha--hover",
@@ -1900,7 +1910,7 @@
 	"colorBackgroundWarning": {
 		"normal": {
 			"name": "--vkui--color_background_warning",
-			"value": "var(--vkui--color_background_warning, #FFF2D6)"
+			"value": "var(--vkui--color_background_warning, #fff2d6)"
 		},
 		"hover": {
 			"name": "--vkui--color_background_warning--hover",
@@ -1942,7 +1952,7 @@
 	"colorBackgroundNegativeTint": {
 		"normal": {
 			"name": "--vkui--color_background_negative_tint",
-			"value": "var(--vkui--color_background_negative_tint, #FAEBEB)"
+			"value": "var(--vkui--color_background_negative_tint, #faebeb)"
 		},
 		"hover": {
 			"name": "--vkui--color_background_negative_tint--hover",
@@ -1956,7 +1966,7 @@
 	"colorBackgroundPositiveTint": {
 		"normal": {
 			"name": "--vkui--color_background_positive_tint",
-			"value": "var(--vkui--color_background_positive_tint, #E8f9e8)"
+			"value": "var(--vkui--color_background_positive_tint, #e8f9e8)"
 		},
 		"hover": {
 			"name": "--vkui--color_background_positive_tint--hover",
@@ -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, #2C2D2E)"
+			"value": "var(--vkui--color_icon_primary, #2c2d2e)"
 		},
 		"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",
@@ -2502,7 +2512,7 @@
 	"colorSeparatorPrimary": {
 		"normal": {
 			"name": "--vkui--color_separator_primary",
-			"value": "var(--vkui--color_separator_primary, #D7D8D9)"
+			"value": "var(--vkui--color_separator_primary, #d7d8d9)"
 		},
 		"hover": {
 			"name": "--vkui--color_separator_primary--hover",
@@ -2600,7 +2610,7 @@
 	"colorStrokeContrast": {
 		"normal": {
 			"name": "--vkui--color_stroke_contrast",
-			"value": "var(--vkui--color_stroke_contrast, #FFFFFF)"
+			"value": "var(--vkui--color_stroke_contrast, #ffffff)"
 		},
 		"hover": {
 			"name": "--vkui--color_stroke_contrast--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, #E03FAB)"
+			"value": "var(--vkui--color_accent_raspberry_pink, #e03fab)"
 		},
 		"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(44, 45, 46, 0.5))"
+		},
+		"hover": {
+			"name": "--vkui--color_overlay_secondary--hover",
+			"value": "var(--vkui--color_overlay_secondary--hover, rgba(44, 45, 46, 0.54))"
+		},
+		"active": {
+			"name": "--vkui--color_overlay_secondary--active",
+			"value": "var(--vkui--color_overlay_secondary--active, rgba(44, 45, 46, 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",
@@ -2838,7 +2862,7 @@
 	"colorActionSheetText": {
 		"normal": {
 			"name": "--vkui--color_action_sheet_text",
-			"value": "var(--vkui--color_action_sheet_text, #3F8AE0)"
+			"value": "var(--vkui--color_action_sheet_text, #3f8ae0)"
 		},
 		"hover": {
 			"name": "--vkui--color_action_sheet_text--hover",
@@ -2852,7 +2876,7 @@
 	"colorImagePlaceholder": {
 		"normal": {
 			"name": "--vkui--color_image_placeholder",
-			"value": "var(--vkui--color_image_placeholder, #F2F3F5)"
+			"value": "var(--vkui--color_image_placeholder, #f2f3f5)"
 		},
 		"hover": {
 			"name": "--vkui--color_image_placeholder--hover",
@@ -3020,7 +3044,7 @@
 	"colorSegmentedControl": {
 		"normal": {
 			"name": "--vkui--color_segmented_control",
-			"value": "var(--vkui--color_segmented_control, #FFFFFF)"
+			"value": "var(--vkui--color_segmented_control, #ffffff)"
 		},
 		"hover": {
 			"name": "--vkui--color_segmented_control--hover",
@@ -3031,6 +3055,20 @@
 			"value": "var(--vkui--color_segmented_control--active, #EBECEF)"
 		}
 	},
+	"colorTabbarTextInactive": {
+		"normal": {
+			"name": "--vkui--color_tabbar_text_inactive",
+			"value": "var(--vkui--color_tabbar_text_inactive, #99a2ad)"
+		},
+		"hover": {
+			"name": "--vkui--color_tabbar_text_inactive--hover",
+			"value": "var(--vkui--color_tabbar_text_inactive--hover, #939CA9)"
+		},
+		"active": {
+			"name": "--vkui--color_tabbar_text_inactive--active",
+			"value": "var(--vkui--color_tabbar_text_inactive--active, #8D96A4)"
+		}
+	},
 	"colorTransparent": {
 		"normal": {
 			"name": "--vkui--color_transparent",

package/themes/vkontakteCom/docs.json

@@ -753,6 +753,18 @@
       }
     ]
   },
+  "colorOverlaySecondary": {
+    "tags": [
+      "color",
+      "overlay"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Вторичный цвет для подложек оверлеев"
+      }
+    ]
+  },
   "colorPanelHeaderIcon": {
     "tags": [
       "color",
@@ -961,6 +973,19 @@
       }
     ]
   },
+  "colorTabbarTextInactive": {
+    "tags": [
+      "color",
+      "component",
+      "background"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Цвет текста для неактивного таба в таббаре"
+      }
+    ]
+  },
   "colorTextAccent": {
     "tags": [
       "color",
@@ -1878,6 +1903,18 @@
       }
     ]
   },
+  "sizeBorderRadiusRounded": {
+    "tags": [
+      "size",
+      "stroke"
+    ],
+    "desc": [
+      {
+        "type": "text",
+        "text": "Значение радиуса закругления для круглых кнопок"
+      }
+    ]
+  },
   "sizeButtonBaseLargePaddingHorizontal": {
     "tags": [
       "size",

package/themes/vkontakteCom/index.css

@@ -102,6 +102,7 @@
 	--vkui--size_popup_header_padding--compact: 16px;
 	--vkui--size_label_horizontal_margin--regular: 16px;
 	--vkui--size_border_radius--regular: 8px;
+	--vkui--size_border_radius_rounded--regular: 48px;
 	--vkui--size_check_border_radius--regular: 4px;
 	--vkui--size_border_radius_paper--regular: 12px;
 	--vkui--size_border_radius_promo--regular: 20px;
@@ -246,9 +247,9 @@
 	--vkui--color_background_secondary: #F0F2F5;
 	--vkui--color_background_secondary--hover: #E6E9EE;
 	--vkui--color_background_secondary--active: #DDE0E6;
-	--vkui--color_background_secondary_alpha: rgba(0, 0, 0, 0.04);
-	--vkui--color_background_secondary_alpha--hover: rgba(0, 0, 0, 0.08);
-	--vkui--color_background_secondary_alpha--active: rgba(0, 0, 0, 0.12);
+	--vkui--color_background_secondary_alpha: rgba(229, 235, 241, 0.99);
+	--vkui--color_background_secondary_alpha--hover: rgba(213, 224, 234, 0.99);
+	--vkui--color_background_secondary_alpha--active: rgba(200, 212, 224, 0.99);
 	--vkui--color_background_tertiary: #FAFBFC;
 	--vkui--color_background_tertiary--hover: #F0F2F4;
 	--vkui--color_background_tertiary--active: #E6E8ED;
@@ -258,7 +259,7 @@
 	--vkui--color_background_contrast: #FFFFFF;
 	--vkui--color_background_contrast--hover: #F5F5F7;
 	--vkui--color_background_contrast--active: #EBECEF;
-	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.2);
+	--vkui--color_background_contrast_secondary_alpha: rgba(255, 255, 255, 0.20);
 	--vkui--color_background_contrast_secondary_alpha--hover: rgba(255, 255, 255, 0.24);
 	--vkui--color_background_contrast_secondary_alpha--active: rgba(255, 255, 255, 0.28);
 	--vkui--color_background_contrast_inverse: #333333;
@@ -270,7 +271,7 @@
 	--vkui--color_background_modal_inverse: #000000;
 	--vkui--color_background_modal_inverse--hover: #000102;
 	--vkui--color_background_modal_inverse--active: #000105;
-	--vkui--color_background_warning: #FFF2D6;
+	--vkui--color_background_warning: #fff2d6;
 	--vkui--color_background_warning--hover: #F5E9D0;
 	--vkui--color_background_warning--active: #EBE0CA;
 	--vkui--color_background_positive: #4BB34B;
@@ -279,10 +280,10 @@
 	--vkui--color_background_negative: #E64646;
 	--vkui--color_background_negative--hover: #DD4446;
 	--vkui--color_background_negative--active: #D44245;
-	--vkui--color_background_negative_tint: #FAEBEB;
+	--vkui--color_background_negative_tint: #faebeb;
 	--vkui--color_background_negative_tint--hover: #F0E2E4;
 	--vkui--color_background_negative_tint--active: #E6D9DD;
-	--vkui--color_background_positive_tint: #E8f9e8;
+	--vkui--color_background_positive_tint: #e8f9e8;
 	--vkui--color_background_positive_tint--hover: #DFF0E1;
 	--vkui--color_background_positive_tint--active: #D5E6DA;
 	--vkui--color_field_background: #F7F8FA;
@@ -330,10 +331,10 @@
 	--vkui--color_text_link_themed: #2A5885;
 	--vkui--color_text_link_themed--hover: #285582;
 	--vkui--color_text_link_themed--active: #27527F;
-	--vkui--color_text_link_tint: #71AAEB;
+	--vkui--color_text_link_tint: #71aaeb;
 	--vkui--color_text_link_tint--hover: #6CA4E4;
 	--vkui--color_text_link_tint--active: #689EDD;
-	--vkui--color_text_link_visited: #4986CC;
+	--vkui--color_text_link_visited: #4986cc;
 	--vkui--color_text_link_visited--hover: #4681C6;
 	--vkui--color_text_link_visited--active: #437DC1;
 	--vkui--color_text_muted: #333333;
@@ -351,7 +352,7 @@
 	--vkui--color_icon_accent_themed: #447BBA;
 	--vkui--color_icon_accent_themed--hover: #4177B5;
 	--vkui--color_icon_accent_themed--active: #3F72B0;
-	--vkui--color_icon_primary: #2C2D2E;
+	--vkui--color_icon_primary: #2c2d2e;
 	--vkui--color_icon_primary--hover: #2A2C2F;
 	--vkui--color_icon_primary--active: #282B2F;
 	--vkui--color_icon_primary_invariably: #333333;
@@ -381,7 +382,7 @@
 	--vkui--color_icon_contrast_themed: #FFFFFF;
 	--vkui--color_icon_contrast_themed--hover: #F5F5F7;
 	--vkui--color_icon_contrast_themed--active: #EBECEF;
-	--vkui--color_icon_contrast_secondary: #F2F3F5;
+	--vkui--color_icon_contrast_secondary: #f2f3f5;
 	--vkui--color_icon_contrast_secondary--hover: #E8EAEE;
 	--vkui--color_icon_contrast_secondary--active: #DFE1E6;
 	--vkui--color_icon_positive: #4BB34B;
@@ -399,7 +400,7 @@
 	--vkui--color_stroke_accent_themed: #447BBA;
 	--vkui--color_stroke_accent_themed--hover: #4177B5;
 	--vkui--color_stroke_accent_themed--active: #3F72B0;
-	--vkui--color_separator_primary: #D7D8D9;
+	--vkui--color_separator_primary: #d7d8d9;
 	--vkui--color_separator_primary--hover: #CED0D3;
 	--vkui--color_separator_primary--active: #C6C8CD;
 	--vkui--color_separator_primary2x: #cbcccd;
@@ -420,7 +421,7 @@
 	--vkui--color_stroke_negative: #E64646;
 	--vkui--color_stroke_negative--hover: #DD4446;
 	--vkui--color_stroke_negative--active: #D44245;
-	--vkui--color_stroke_contrast: #FFFFFF;
+	--vkui--color_stroke_contrast: #ffffff;
 	--vkui--color_stroke_contrast--hover: #F5F5F7;
 	--vkui--color_stroke_contrast--active: #EBECEF;
 	--vkui--color_image_border_alpha: rgba(0, 0, 0, 0.08);
@@ -447,7 +448,7 @@
 	--vkui--color_accent_orange: #FFA000;
 	--vkui--color_accent_orange--hover: #F59A02;
 	--vkui--color_accent_orange--active: #EB9405;
-	--vkui--color_accent_orange_fire: #F05C44;
+	--vkui--color_accent_orange_fire: #f05c44;
 	--vkui--color_accent_orange_fire--hover: #E65944;
 	--vkui--color_accent_orange_fire--active: #DD5643;
 	--vkui--color_accent_purple: #735CE6;
@@ -456,25 +457,28 @@
 	--vkui--color_accent_violet: #792EC0;
 	--vkui--color_accent_violet--hover: #742DBB;
 	--vkui--color_accent_violet--active: #6F2CB6;
-	--vkui--color_accent_raspberry_pink: #E03FAB;
+	--vkui--color_accent_raspberry_pink: #e03fab;
 	--vkui--color_accent_raspberry_pink--hover: #D73DA7;
 	--vkui--color_accent_raspberry_pink--active: #CE3BA2;
-	--vkui--color_accent_secondary: #3F8AE0;
+	--vkui--color_accent_secondary: #3f8ae0;
 	--vkui--color_accent_secondary--hover: #3C85D9;
 	--vkui--color_accent_secondary--active: #3A80D3;
-	--vkui--color_overlay_primary: rgba(0, 0, 0, 0.4);
+	--vkui--color_overlay_primary: rgba(0, 0, 0, 0.40);
 	--vkui--color_overlay_primary--hover: rgba(0, 0, 0, 0.44);
 	--vkui--color_overlay_primary--active: rgba(0, 0, 0, 0.48);
-	--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.6);
+	--vkui--color_overlay_secondary: rgb(44, 45, 46, 0.5);
+	--vkui--color_overlay_secondary--hover: rgba(44, 45, 46, 0.54);
+	--vkui--color_overlay_secondary--active: rgba(44, 45, 46, 0.58);
+	--vkui--color_avatar_overlay: rgba(0, 0, 0, 0.60);
 	--vkui--color_avatar_overlay--hover: rgba(0, 0, 0, 0.64);
 	--vkui--color_avatar_overlay--active: rgba(0, 0, 0, 0.68);
 	--vkui--color_avatar_overlay_inverse_alpha: rgba(255, 255, 255, 0.85);
 	--vkui--color_avatar_overlay_inverse_alpha--hover: rgba(255, 255, 255, 0.89);
 	--vkui--color_avatar_overlay_inverse_alpha--active: rgba(255, 255, 255, 0.93);
-	--vkui--color_action_sheet_text: #3F8AE0;
+	--vkui--color_action_sheet_text: #3f8ae0;
 	--vkui--color_action_sheet_text--hover: #3C85D9;
 	--vkui--color_action_sheet_text--active: #3A80D3;
-	--vkui--color_image_placeholder: #F2F3F5;
+	--vkui--color_image_placeholder: #f2f3f5;
 	--vkui--color_image_placeholder--hover: #E8EAEE;
 	--vkui--color_image_placeholder--active: #DFE1E6;
 	--vkui--color_image_placeholder_alpha: rgba(0, 28, 61, 0.08);
@@ -510,9 +514,12 @@
 	--vkui--color_panel_header_icon: #447BBA;
 	--vkui--color_panel_header_icon--hover: #4177B5;
 	--vkui--color_panel_header_icon--active: #3F72B0;
-	--vkui--color_segmented_control: #FFFFFF;
+	--vkui--color_segmented_control: #ffffff;
 	--vkui--color_segmented_control--hover: #F5F5F7;
 	--vkui--color_segmented_control--active: #EBECEF;
+	--vkui--color_tabbar_text_inactive: #99a2ad;
+	--vkui--color_tabbar_text_inactive--hover: #939CA9;
+	--vkui--color_tabbar_text_inactive--active: #8D96A4;
 	--vkui--color_transparent: transparent;
 	--vkui--color_transparent--hover: rgba(0, 16, 61, 0.04);
 	--vkui--color_transparent--active: rgba(0, 16, 61, 0.08);