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

package/themes/vkontakteAndroid/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",
@@ -956,7 +966,7 @@ var theme = {
         },
         "regular": {
             "name": "--vkui--size_popup_small--regular",
-            "value": "var(--vkui--size_popup_small--regular, 420px)"
+            "value": "var(--vkui--size_popup_small--regular, 430px)"
         }
     },
     "sizePopupMedium": {
@@ -1688,7 +1698,7 @@ var theme = {
     "colorBackgroundAccent": {
         "normal": {
             "name": "--vkui--color_background_accent",
-            "value": "var(--vkui--color_background_accent, #2688EB)"
+            "value": "var(--vkui--color_background_accent, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_background_accent--hover",
@@ -1702,7 +1712,7 @@ var theme = {
     "colorBackgroundAccentThemed": {
         "normal": {
             "name": "--vkui--color_background_accent_themed",
-            "value": "var(--vkui--color_background_accent_themed, #2688EB)"
+            "value": "var(--vkui--color_background_accent_themed, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_background_accent_themed--hover",
@@ -1744,7 +1754,7 @@ var theme = {
     "colorBackground": {
         "normal": {
             "name": "--vkui--color_background",
-            "value": "var(--vkui--color_background, #EBEDF0)"
+            "value": "var(--vkui--color_background, #ebedf0)"
         },
         "hover": {
             "name": "--vkui--color_background--hover",
@@ -1758,7 +1768,7 @@ var theme = {
     "colorBackgroundContent": {
         "normal": {
             "name": "--vkui--color_background_content",
-            "value": "var(--vkui--color_background_content, #FFFFFF)"
+            "value": "var(--vkui--color_background_content, #ffffff)"
         },
         "hover": {
             "name": "--vkui--color_background_content--hover",
@@ -1772,7 +1782,7 @@ var theme = {
     "colorBackgroundSecondary": {
         "normal": {
             "name": "--vkui--color_background_secondary",
-            "value": "var(--vkui--color_background_secondary, #F5F5F5)"
+            "value": "var(--vkui--color_background_secondary, #f5f5f5)"
         },
         "hover": {
             "name": "--vkui--color_background_secondary--hover",
@@ -1800,7 +1810,7 @@ var theme = {
     "colorBackgroundTertiary": {
         "normal": {
             "name": "--vkui--color_background_tertiary",
-            "value": "var(--vkui--color_background_tertiary, #F9F9F9)"
+            "value": "var(--vkui--color_background_tertiary, #f9f9f9)"
         },
         "hover": {
             "name": "--vkui--color_background_tertiary--hover",
@@ -1828,7 +1838,7 @@ var theme = {
     "colorBackgroundContrast": {
         "normal": {
             "name": "--vkui--color_background_contrast",
-            "value": "var(--vkui--color_background_contrast, #FFFFFF)"
+            "value": "var(--vkui--color_background_contrast, #ffffff)"
         },
         "hover": {
             "name": "--vkui--color_background_contrast--hover",
@@ -1842,7 +1852,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",
@@ -1856,7 +1866,7 @@ var theme = {
     "colorBackgroundContrastInverse": {
         "normal": {
             "name": "--vkui--color_background_contrast_inverse",
-            "value": "var(--vkui--color_background_contrast_inverse, #2C2D2E)"
+            "value": "var(--vkui--color_background_contrast_inverse, #2c2d2e)"
         },
         "hover": {
             "name": "--vkui--color_background_contrast_inverse--hover",
@@ -1870,7 +1880,7 @@ var theme = {
     "colorBackgroundModal": {
         "normal": {
             "name": "--vkui--color_background_modal",
-            "value": "var(--vkui--color_background_modal, #FFFFFF)"
+            "value": "var(--vkui--color_background_modal, #ffffff)"
         },
         "hover": {
             "name": "--vkui--color_background_modal--hover",
@@ -1898,7 +1908,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",
@@ -1912,7 +1922,7 @@ var theme = {
     "colorBackgroundPositive": {
         "normal": {
             "name": "--vkui--color_background_positive",
-            "value": "var(--vkui--color_background_positive, #4BB34B)"
+            "value": "var(--vkui--color_background_positive, #4bb34b)"
         },
         "hover": {
             "name": "--vkui--color_background_positive--hover",
@@ -1926,7 +1936,7 @@ var theme = {
     "colorBackgroundNegative": {
         "normal": {
             "name": "--vkui--color_background_negative",
-            "value": "var(--vkui--color_background_negative, #E64646)"
+            "value": "var(--vkui--color_background_negative, #e64646)"
         },
         "hover": {
             "name": "--vkui--color_background_negative--hover",
@@ -1940,7 +1950,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",
@@ -1954,7 +1964,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",
@@ -1982,7 +1992,7 @@ var theme = {
     "colorHeaderBackground": {
         "normal": {
             "name": "--vkui--color_header_background",
-            "value": "var(--vkui--color_header_background, #FFFFFF)"
+            "value": "var(--vkui--color_header_background, #ffffff)"
         },
         "hover": {
             "name": "--vkui--color_header_background--hover",
@@ -1996,7 +2006,7 @@ var theme = {
     "colorTextAccent": {
         "normal": {
             "name": "--vkui--color_text_accent",
-            "value": "var(--vkui--color_text_accent, #2688EB)"
+            "value": "var(--vkui--color_text_accent, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_text_accent--hover",
@@ -2010,7 +2020,7 @@ var theme = {
     "colorTextAccentThemed": {
         "normal": {
             "name": "--vkui--color_text_accent_themed",
-            "value": "var(--vkui--color_text_accent_themed, #2688EB)"
+            "value": "var(--vkui--color_text_accent_themed, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_text_accent_themed--hover",
@@ -2052,7 +2062,7 @@ var theme = {
     "colorTextSecondary": {
         "normal": {
             "name": "--vkui--color_text_secondary",
-            "value": "var(--vkui--color_text_secondary, #818C99)"
+            "value": "var(--vkui--color_text_secondary, #818c99)"
         },
         "hover": {
             "name": "--vkui--color_text_secondary--hover",
@@ -2066,7 +2076,7 @@ var theme = {
     "colorTextSubhead": {
         "normal": {
             "name": "--vkui--color_text_subhead",
-            "value": "var(--vkui--color_text_subhead, #6D7885)"
+            "value": "var(--vkui--color_text_subhead, #6d7885)"
         },
         "hover": {
             "name": "--vkui--color_text_subhead--hover",
@@ -2080,7 +2090,7 @@ var theme = {
     "colorTextTertiary": {
         "normal": {
             "name": "--vkui--color_text_tertiary",
-            "value": "var(--vkui--color_text_tertiary, #99A2AD)"
+            "value": "var(--vkui--color_text_tertiary, #99a2ad)"
         },
         "hover": {
             "name": "--vkui--color_text_tertiary--hover",
@@ -2094,7 +2104,7 @@ var theme = {
     "colorTextContrast": {
         "normal": {
             "name": "--vkui--color_text_contrast",
-            "value": "var(--vkui--color_text_contrast, #FFFFFF)"
+            "value": "var(--vkui--color_text_contrast, #ffffff)"
         },
         "hover": {
             "name": "--vkui--color_text_contrast--hover",
@@ -2108,7 +2118,7 @@ var theme = {
     "colorTextContrastThemed": {
         "normal": {
             "name": "--vkui--color_text_contrast_themed",
-            "value": "var(--vkui--color_text_contrast_themed, #FFFFFF)"
+            "value": "var(--vkui--color_text_contrast_themed, #ffffff)"
         },
         "hover": {
             "name": "--vkui--color_text_contrast_themed--hover",
@@ -2122,21 +2132,21 @@ var theme = {
     "colorTextPositive": {
         "normal": {
             "name": "--vkui--color_text_positive",
-            "value": "var(--vkui--color_text_positive, #4BB34B)"
+            "value": "var(--vkui--color_text_positive, #4bb44b)"
         },
         "hover": {
             "name": "--vkui--color_text_positive--hover",
-            "value": "var(--vkui--color_text_positive--hover, #48AC4A)"
+            "value": "var(--vkui--color_text_positive--hover, #48AD4A)"
         },
         "active": {
             "name": "--vkui--color_text_positive--active",
-            "value": "var(--vkui--color_text_positive--active, #45A64A)"
+            "value": "var(--vkui--color_text_positive--active, #45A74A)"
         }
     },
     "colorTextNegative": {
         "normal": {
             "name": "--vkui--color_text_negative",
-            "value": "var(--vkui--color_text_negative, #E64646)"
+            "value": "var(--vkui--color_text_negative, #e64646)"
         },
         "hover": {
             "name": "--vkui--color_text_negative--hover",
@@ -2150,7 +2160,7 @@ var theme = {
     "colorTextLink": {
         "normal": {
             "name": "--vkui--color_text_link",
-            "value": "var(--vkui--color_text_link, #2D81E0)"
+            "value": "var(--vkui--color_text_link, #2d81e0)"
         },
         "hover": {
             "name": "--vkui--color_text_link--hover",
@@ -2164,7 +2174,7 @@ var theme = {
     "colorTextLinkThemed": {
         "normal": {
             "name": "--vkui--color_text_link_themed",
-            "value": "var(--vkui--color_text_link_themed, #2D81E0)"
+            "value": "var(--vkui--color_text_link_themed, #2d81e0)"
         },
         "hover": {
             "name": "--vkui--color_text_link_themed--hover",
@@ -2178,7 +2188,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",
@@ -2192,7 +2202,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",
@@ -2206,7 +2216,7 @@ var theme = {
     "colorTextMuted": {
         "normal": {
             "name": "--vkui--color_text_muted",
-            "value": "var(--vkui--color_text_muted, #2C2D2E)"
+            "value": "var(--vkui--color_text_muted, #2c2d2e)"
         },
         "hover": {
             "name": "--vkui--color_text_muted--hover",
@@ -2220,7 +2230,7 @@ var theme = {
     "colorLinkContrast": {
         "normal": {
             "name": "--vkui--color_link_contrast",
-            "value": "var(--vkui--color_link_contrast, #FFFFFF)"
+            "value": "var(--vkui--color_link_contrast, #ffffff)"
         },
         "hover": {
             "name": "--vkui--color_link_contrast--hover",
@@ -2234,7 +2244,7 @@ var theme = {
     "colorTextButton": {
         "normal": {
             "name": "--vkui--color_text_button",
-            "value": "var(--vkui--color_text_button, #2688EB)"
+            "value": "var(--vkui--color_text_button, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_text_button--hover",
@@ -2248,7 +2258,7 @@ var theme = {
     "colorIconAccent": {
         "normal": {
             "name": "--vkui--color_icon_accent",
-            "value": "var(--vkui--color_icon_accent, #2688EB)"
+            "value": "var(--vkui--color_icon_accent, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_icon_accent--hover",
@@ -2262,7 +2272,7 @@ var theme = {
     "colorIconAccentThemed": {
         "normal": {
             "name": "--vkui--color_icon_accent_themed",
-            "value": "var(--vkui--color_icon_accent_themed, #2688EB)"
+            "value": "var(--vkui--color_icon_accent_themed, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_icon_accent_themed--hover",
@@ -2276,7 +2286,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",
@@ -2290,7 +2300,7 @@ var theme = {
     "colorIconPrimaryInvariably": {
         "normal": {
             "name": "--vkui--color_icon_primary_invariably",
-            "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)"
+            "value": "var(--vkui--color_icon_primary_invariably, #2c2d2e)"
         },
         "hover": {
             "name": "--vkui--color_icon_primary_invariably--hover",
@@ -2304,7 +2314,7 @@ var theme = {
     "colorIconMedium": {
         "normal": {
             "name": "--vkui--color_icon_medium",
-            "value": "var(--vkui--color_icon_medium, #818C99)"
+            "value": "var(--vkui--color_icon_medium, #818c99)"
         },
         "hover": {
             "name": "--vkui--color_icon_medium--hover",
@@ -2332,7 +2342,7 @@ var theme = {
     "colorIconSecondary": {
         "normal": {
             "name": "--vkui--color_icon_secondary",
-            "value": "var(--vkui--color_icon_secondary, #99A2AD)"
+            "value": "var(--vkui--color_icon_secondary, #99a2ad)"
         },
         "hover": {
             "name": "--vkui--color_icon_secondary--hover",
@@ -2360,7 +2370,7 @@ var theme = {
     "colorIconTertiary": {
         "normal": {
             "name": "--vkui--color_icon_tertiary",
-            "value": "var(--vkui--color_icon_tertiary, #B8C1CC)"
+            "value": "var(--vkui--color_icon_tertiary, #b8c1cc)"
         },
         "hover": {
             "name": "--vkui--color_icon_tertiary--hover",
@@ -2388,7 +2398,7 @@ var theme = {
     "colorIconContrast": {
         "normal": {
             "name": "--vkui--color_icon_contrast",
-            "value": "var(--vkui--color_icon_contrast, #FFFFFF)"
+            "value": "var(--vkui--color_icon_contrast, #ffffff)"
         },
         "hover": {
             "name": "--vkui--color_icon_contrast--hover",
@@ -2402,7 +2412,7 @@ var theme = {
     "colorIconContrastThemed": {
         "normal": {
             "name": "--vkui--color_icon_contrast_themed",
-            "value": "var(--vkui--color_icon_contrast_themed, #FFFFFF)"
+            "value": "var(--vkui--color_icon_contrast_themed, #ffffff)"
         },
         "hover": {
             "name": "--vkui--color_icon_contrast_themed--hover",
@@ -2416,7 +2426,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",
@@ -2430,7 +2440,7 @@ var theme = {
     "colorIconPositive": {
         "normal": {
             "name": "--vkui--color_icon_positive",
-            "value": "var(--vkui--color_icon_positive, #4BB34B)"
+            "value": "var(--vkui--color_icon_positive, #4bb34b)"
         },
         "hover": {
             "name": "--vkui--color_icon_positive--hover",
@@ -2444,7 +2454,7 @@ var theme = {
     "colorIconNegative": {
         "normal": {
             "name": "--vkui--color_icon_negative",
-            "value": "var(--vkui--color_icon_negative, #E64646)"
+            "value": "var(--vkui--color_icon_negative, #e64646)"
         },
         "hover": {
             "name": "--vkui--color_icon_negative--hover",
@@ -2458,7 +2468,7 @@ var theme = {
     "colorIconButton": {
         "normal": {
             "name": "--vkui--color_icon_button",
-            "value": "var(--vkui--color_icon_button, #2688EB)"
+            "value": "var(--vkui--color_icon_button, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_icon_button--hover",
@@ -2472,7 +2482,7 @@ var theme = {
     "colorStrokeAccent": {
         "normal": {
             "name": "--vkui--color_stroke_accent",
-            "value": "var(--vkui--color_stroke_accent, #2688EB)"
+            "value": "var(--vkui--color_stroke_accent, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_stroke_accent--hover",
@@ -2486,7 +2496,7 @@ var theme = {
     "colorStrokeAccentThemed": {
         "normal": {
             "name": "--vkui--color_stroke_accent_themed",
-            "value": "var(--vkui--color_stroke_accent_themed, #2688EB)"
+            "value": "var(--vkui--color_stroke_accent_themed, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_stroke_accent_themed--hover",
@@ -2500,7 +2510,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",
@@ -2556,7 +2566,7 @@ var theme = {
     "colorSeparatorSecondary": {
         "normal": {
             "name": "--vkui--color_separator_secondary",
-            "value": "var(--vkui--color_separator_secondary, #E1E3E6)"
+            "value": "var(--vkui--color_separator_secondary, #e1e3e6)"
         },
         "hover": {
             "name": "--vkui--color_separator_secondary--hover",
@@ -2570,7 +2580,7 @@ var theme = {
     "colorStrokePositive": {
         "normal": {
             "name": "--vkui--color_stroke_positive",
-            "value": "var(--vkui--color_stroke_positive, #4BB34B)"
+            "value": "var(--vkui--color_stroke_positive, #4bb34b)"
         },
         "hover": {
             "name": "--vkui--color_stroke_positive--hover",
@@ -2584,7 +2594,7 @@ var theme = {
     "colorStrokeNegative": {
         "normal": {
             "name": "--vkui--color_stroke_negative",
-            "value": "var(--vkui--color_stroke_negative, #E64646)"
+            "value": "var(--vkui--color_stroke_negative, #e64646)"
         },
         "hover": {
             "name": "--vkui--color_stroke_negative--hover",
@@ -2598,7 +2608,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",
@@ -2640,7 +2650,7 @@ var theme = {
     "colorStrokeButton": {
         "normal": {
             "name": "--vkui--color_stroke_button",
-            "value": "var(--vkui--color_stroke_button, #2688EB)"
+            "value": "var(--vkui--color_stroke_button, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_stroke_button--hover",
@@ -2654,7 +2664,7 @@ var theme = {
     "colorAccentBlue": {
         "normal": {
             "name": "--vkui--color_accent_blue",
-            "value": "var(--vkui--color_accent_blue, #3F8AE0)"
+            "value": "var(--vkui--color_accent_blue, #3f8ae0)"
         },
         "hover": {
             "name": "--vkui--color_accent_blue--hover",
@@ -2668,7 +2678,7 @@ var theme = {
     "colorAccentGray": {
         "normal": {
             "name": "--vkui--color_accent_gray",
-            "value": "var(--vkui--color_accent_gray, #A3ADB8)"
+            "value": "var(--vkui--color_accent_gray, #a3adb8)"
         },
         "hover": {
             "name": "--vkui--color_accent_gray--hover",
@@ -2682,7 +2692,7 @@ var theme = {
     "colorAccentRed": {
         "normal": {
             "name": "--vkui--color_accent_red",
-            "value": "var(--vkui--color_accent_red, #FF3347)"
+            "value": "var(--vkui--color_accent_red, #ff3347)"
         },
         "hover": {
             "name": "--vkui--color_accent_red--hover",
@@ -2696,7 +2706,7 @@ var theme = {
     "colorAccentGreen": {
         "normal": {
             "name": "--vkui--color_accent_green",
-            "value": "var(--vkui--color_accent_green, #4BB34B)"
+            "value": "var(--vkui--color_accent_green, #4bb34b)"
         },
         "hover": {
             "name": "--vkui--color_accent_green--hover",
@@ -2710,7 +2720,7 @@ var theme = {
     "colorAccentOrange": {
         "normal": {
             "name": "--vkui--color_accent_orange",
-            "value": "var(--vkui--color_accent_orange, #FFA000)"
+            "value": "var(--vkui--color_accent_orange, #ffa000)"
         },
         "hover": {
             "name": "--vkui--color_accent_orange--hover",
@@ -2724,7 +2734,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",
@@ -2738,7 +2748,7 @@ var theme = {
     "colorAccentPurple": {
         "normal": {
             "name": "--vkui--color_accent_purple",
-            "value": "var(--vkui--color_accent_purple, #735CE6)"
+            "value": "var(--vkui--color_accent_purple, #735ce6)"
         },
         "hover": {
             "name": "--vkui--color_accent_purple--hover",
@@ -2752,7 +2762,7 @@ var theme = {
     "colorAccentViolet": {
         "normal": {
             "name": "--vkui--color_accent_violet",
-            "value": "var(--vkui--color_accent_violet, #792EC0)"
+            "value": "var(--vkui--color_accent_violet, #792ec0)"
         },
         "hover": {
             "name": "--vkui--color_accent_violet--hover",
@@ -2766,7 +2776,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",
@@ -2780,7 +2790,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",
@@ -2794,7 +2804,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",
@@ -2805,10 +2815,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",
@@ -2836,7 +2860,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",
@@ -2850,7 +2874,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",
@@ -2878,7 +2902,7 @@ var theme = {
     "colorSkeletonFrom": {
         "normal": {
             "name": "--vkui--color_skeleton_from",
-            "value": "var(--vkui--color_skeleton_from, #F5F5F5)"
+            "value": "var(--vkui--color_skeleton_from, #f5f5f5)"
         },
         "hover": {
             "name": "--vkui--color_skeleton_from--hover",
@@ -2892,7 +2916,7 @@ var theme = {
     "colorSkeletonTo": {
         "normal": {
             "name": "--vkui--color_skeleton_to",
-            "value": "var(--vkui--color_skeleton_to, #E1E3E6)"
+            "value": "var(--vkui--color_skeleton_to, #e1e3e6)"
         },
         "hover": {
             "name": "--vkui--color_skeleton_to--hover",
@@ -2906,7 +2930,7 @@ var theme = {
     "colorWriteBarIcon": {
         "normal": {
             "name": "--vkui--color_write_bar_icon",
-            "value": "var(--vkui--color_write_bar_icon, #3F8AE0)"
+            "value": "var(--vkui--color_write_bar_icon, #3f8ae0)"
         },
         "hover": {
             "name": "--vkui--color_write_bar_icon--hover",
@@ -2920,7 +2944,7 @@ var theme = {
     "colorWriteBarInputBackground": {
         "normal": {
             "name": "--vkui--color_write_bar_input_background",
-            "value": "var(--vkui--color_write_bar_input_background, #F2F3F5)"
+            "value": "var(--vkui--color_write_bar_input_background, #f2f3f5)"
         },
         "hover": {
             "name": "--vkui--color_write_bar_input_background--hover",
@@ -2934,7 +2958,7 @@ var theme = {
     "colorWriteBarInputBorder": {
         "normal": {
             "name": "--vkui--color_write_bar_input_border",
-            "value": "var(--vkui--color_write_bar_input_border, #E1E3E6)"
+            "value": "var(--vkui--color_write_bar_input_border, #e1e3e6)"
         },
         "hover": {
             "name": "--vkui--color_write_bar_input_border--hover",
@@ -2962,7 +2986,7 @@ var theme = {
     "colorTrackBackground": {
         "normal": {
             "name": "--vkui--color_track_background",
-            "value": "var(--vkui--color_track_background, #E1E3E6)"
+            "value": "var(--vkui--color_track_background, #e1e3e6)"
         },
         "hover": {
             "name": "--vkui--color_track_background--hover",
@@ -2976,7 +3000,7 @@ var theme = {
     "colorTrackBuffer": {
         "normal": {
             "name": "--vkui--color_track_buffer",
-            "value": "var(--vkui--color_track_buffer, #A0BFE4)"
+            "value": "var(--vkui--color_track_buffer, #a0bfe4)"
         },
         "hover": {
             "name": "--vkui--color_track_buffer--hover",
@@ -2990,7 +3014,7 @@ var theme = {
     "colorSearchFieldBackground": {
         "normal": {
             "name": "--vkui--color_search_field_background",
-            "value": "var(--vkui--color_search_field_background, #EBEDF0)"
+            "value": "var(--vkui--color_search_field_background, #ebedf0)"
         },
         "hover": {
             "name": "--vkui--color_search_field_background--hover",
@@ -3004,7 +3028,7 @@ var theme = {
     "colorPanelHeaderIcon": {
         "normal": {
             "name": "--vkui--color_panel_header_icon",
-            "value": "var(--vkui--color_panel_header_icon, #2688EB)"
+            "value": "var(--vkui--color_panel_header_icon, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_panel_header_icon--hover",
@@ -3018,7 +3042,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",
@@ -3029,6 +3053,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",
@@ -3057,6 +3095,20 @@ var theme = {
             "value": "var(--vkui--vkontakte_color_snippet_border_alpha--active, rgba(0, 0, 0, 0.23))"
         }
     },
+    "vkontakteColorSnippetBackground": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_snippet_background",
+            "value": "var(--vkui--vkontakte_color_snippet_background, #FFFFFF)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_snippet_background--hover",
+            "value": "var(--vkui--vkontakte_color_snippet_background--hover, #F5F5F7)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_snippet_background--active",
+            "value": "var(--vkui--vkontakte_color_snippet_background--active, #EBECEF)"
+        }
+    },
     "vkontakteColorModalCardBorderAlpha": {
         "normal": {
             "name": "--vkui--vkontakte_color_modal_card_border_alpha",
@@ -3113,6 +3165,650 @@ var theme = {
             "value": "var(--vkui--vkontakte_color_input_border--active, #CFD2D8)"
         }
     },
+    "vkontakteColorSearchBarBackground": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_search_bar_background",
+            "value": "var(--vkui--vkontakte_color_search_bar_background, #FFFFFF)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_search_bar_background--hover",
+            "value": "var(--vkui--vkontakte_color_search_bar_background--hover, #F5F5F7)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_search_bar_background--active",
+            "value": "var(--vkui--vkontakte_color_search_bar_background--active, #EBECEF)"
+        }
+    },
+    "vkontakteColorSearchBarFieldTint": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_search_bar_field_tint",
+            "value": "var(--vkui--vkontakte_color_search_bar_field_tint, #818c99)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_search_bar_field_tint--hover",
+            "value": "var(--vkui--vkontakte_color_search_bar_field_tint--hover, #7C8795)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_search_bar_field_tint--active",
+            "value": "var(--vkui--vkontakte_color_search_bar_field_tint--active, #778292)"
+        }
+    },
+    "vkontakteBackgroundHoverAlpha": {
+        "normal": {
+            "name": "--vkui--vkontakte_background_hover_alpha",
+            "value": "var(--vkui--vkontakte_background_hover_alpha, rgba(0, 0, 0, 0.04))"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_background_hover_alpha--hover",
+            "value": "var(--vkui--vkontakte_background_hover_alpha--hover, rgba(0, 0, 0, 0.08))"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_background_hover_alpha--active",
+            "value": "var(--vkui--vkontakte_background_hover_alpha--active, rgba(0, 0, 0, 0.12))"
+        }
+    },
+    "vkontakteColorAccentAlternate": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_accent_alternate",
+            "value": "var(--vkui--vkontakte_color_accent_alternate, #0077ff)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_accent_alternate--hover",
+            "value": "var(--vkui--vkontakte_color_accent_alternate--hover, #0073F7)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_accent_alternate--active",
+            "value": "var(--vkui--vkontakte_color_accent_alternate--active, #006FEF)"
+        }
+    },
+    "vkontakteColorBackgroundSuggestions": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_background_suggestions",
+            "value": "var(--vkui--vkontakte_color_background_suggestions, #FFFFFF)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_background_suggestions--hover",
+            "value": "var(--vkui--vkontakte_color_background_suggestions--hover, #F5F5F7)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_background_suggestions--active",
+            "value": "var(--vkui--vkontakte_color_background_suggestions--active, #EBECEF)"
+        }
+    },
+    "vkontakteColorBackgroundKeyboard": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_background_keyboard",
+            "value": "var(--vkui--vkontakte_color_background_keyboard, #e1e3e6)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_background_keyboard--hover",
+            "value": "var(--vkui--vkontakte_color_background_keyboard--hover, #D8DBDF)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_background_keyboard--active",
+            "value": "var(--vkui--vkontakte_color_background_keyboard--active, #CFD2D8)"
+        }
+    },
+    "vkontakteColorContentPlaceholderIcon": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_content_placeholder_icon",
+            "value": "var(--vkui--vkontakte_color_content_placeholder_icon, #99a2ad)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_content_placeholder_icon--hover",
+            "value": "var(--vkui--vkontakte_color_content_placeholder_icon--hover, #939CA9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_content_placeholder_icon--active",
+            "value": "var(--vkui--vkontakte_color_content_placeholder_icon--active, #8D96A4)"
+        }
+    },
+    "vkontakteColorContentTintForeground": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_content_tint_foreground",
+            "value": "var(--vkui--vkontakte_color_content_tint_foreground, #7f8285)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_content_tint_foreground--hover",
+            "value": "var(--vkui--vkontakte_color_content_tint_foreground--hover, #7A7D82)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_content_tint_foreground--active",
+            "value": "var(--vkui--vkontakte_color_content_tint_foreground--active, #75797F)"
+        }
+    },
+    "vkontakteColorTextName": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_text_name",
+            "value": "var(--vkui--vkontakte_color_text_name, #2d81e0)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_text_name--hover",
+            "value": "var(--vkui--vkontakte_color_text_name--hover, #2B7CD9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_text_name--active",
+            "value": "var(--vkui--vkontakte_color_text_name--active, #2978D3)"
+        }
+    },
+    "vkontakteColorControlBackground": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_control_background",
+            "value": "var(--vkui--vkontakte_color_control_background, #ebedf0)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_control_background--hover",
+            "value": "var(--vkui--vkontakte_color_control_background--hover, #E2E4E9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_control_background--active",
+            "value": "var(--vkui--vkontakte_color_control_background--active, #D8DBE2)"
+        }
+    },
+    "vkontakteColorControlForeground": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_control_foreground",
+            "value": "var(--vkui--vkontakte_color_control_foreground, #5181b8)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_control_foreground--hover",
+            "value": "var(--vkui--vkontakte_color_control_foreground--hover, #4E7CB3)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_control_foreground--active",
+            "value": "var(--vkui--vkontakte_color_control_foreground--active, #4B78AE)"
+        }
+    },
+    "vkontakteColorControlTintMuted": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_control_tint_muted",
+            "value": "var(--vkui--vkontakte_color_control_tint_muted, #76787a)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_control_tint_muted--hover",
+            "value": "var(--vkui--vkontakte_color_control_tint_muted--hover, #717478)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_control_tint_muted--active",
+            "value": "var(--vkui--vkontakte_color_control_tint_muted--active, #6D7075)"
+        }
+    },
+    "vkontakteColorHeaderSearchFieldBackground": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_header_search_field_background",
+            "value": "var(--vkui--vkontakte_color_header_search_field_background, #ebedf0)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_header_search_field_background--hover",
+            "value": "var(--vkui--vkontakte_color_header_search_field_background--hover, #E2E4E9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_header_search_field_background--active",
+            "value": "var(--vkui--vkontakte_color_header_search_field_background--active, #D8DBE2)"
+        }
+    },
+    "vkontakteColorHeaderSearchFieldTint": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_header_search_field_tint",
+            "value": "var(--vkui--vkontakte_color_header_search_field_tint, #818c99)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_header_search_field_tint--hover",
+            "value": "var(--vkui--vkontakte_color_header_search_field_tint--hover, #7C8795)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_header_search_field_tint--active",
+            "value": "var(--vkui--vkontakte_color_header_search_field_tint--active, #778292)"
+        }
+    },
+    "vkontakteColorHeaderTabActiveIndicator": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_header_tab_active_indicator",
+            "value": "var(--vkui--vkontakte_color_header_tab_active_indicator, #2688eb)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_header_tab_active_indicator--hover",
+            "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--hover, #2483E4)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_header_tab_active_indicator--active",
+            "value": "var(--vkui--vkontakte_color_header_tab_active_indicator--active, #237EDD)"
+        }
+    },
+    "vkontakteColorIconOutlineMedium": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_icon_outline_medium",
+            "value": "var(--vkui--vkontakte_color_icon_outline_medium, #818c99)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_icon_outline_medium--hover",
+            "value": "var(--vkui--vkontakte_color_icon_outline_medium--hover, #7C8795)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_icon_outline_medium--active",
+            "value": "var(--vkui--vkontakte_color_icon_outline_medium--active, #778292)"
+        }
+    },
+    "vkontakteColorIconOutlineSecondary": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_icon_outline_secondary",
+            "value": "var(--vkui--vkontakte_color_icon_outline_secondary, #99a2ad)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_icon_outline_secondary--hover",
+            "value": "var(--vkui--vkontakte_color_icon_outline_secondary--hover, #939CA9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_icon_outline_secondary--active",
+            "value": "var(--vkui--vkontakte_color_icon_outline_secondary--active, #8D96A4)"
+        }
+    },
+    "vkontakteColorSkeletonShimmerFrom": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_skeleton_shimmer_from",
+            "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from, #FFFFFF)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_skeleton_shimmer_from--hover",
+            "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--hover, #F5F5F7)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_skeleton_shimmer_from--active",
+            "value": "var(--vkui--vkontakte_color_skeleton_shimmer_from--active, #EBECEF)"
+        }
+    },
+    "vkontakteColorAlphaSkeletonShimmerTo": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to",
+            "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to, transparent)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover",
+            "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--hover, rgba(0, 16, 61, 0.04))"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active",
+            "value": "var(--vkui--vkontakte_color_alpha_skeleton_shimmer_to--active, rgba(0, 16, 61, 0.08))"
+        }
+    },
+    "vkontakteColorLoaderBackground": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_loader_background",
+            "value": "var(--vkui--vkontakte_color_loader_background, #ebedf0)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_loader_background--hover",
+            "value": "var(--vkui--vkontakte_color_loader_background--hover, #E2E4E9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_loader_background--active",
+            "value": "var(--vkui--vkontakte_color_loader_background--active, #D8DBE2)"
+        }
+    },
+    "vkontakteColorLoaderTint": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_loader_tint",
+            "value": "var(--vkui--vkontakte_color_loader_tint, #76787a)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_loader_tint--hover",
+            "value": "var(--vkui--vkontakte_color_loader_tint--hover, #717478)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_loader_tint--active",
+            "value": "var(--vkui--vkontakte_color_loader_tint--active, #6D7075)"
+        }
+    },
+    "vkontakteColorMusicPlaybackIcon": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_music_playback_icon",
+            "value": "var(--vkui--vkontakte_color_music_playback_icon, #000000)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_music_playback_icon--hover",
+            "value": "var(--vkui--vkontakte_color_music_playback_icon--hover, #000102)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_music_playback_icon--active",
+            "value": "var(--vkui--vkontakte_color_music_playback_icon--active, #000105)"
+        }
+    },
+    "vkontakteColorStatusBackground": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_status_background",
+            "value": "var(--vkui--vkontakte_color_status_background, #ebedf0)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_status_background--hover",
+            "value": "var(--vkui--vkontakte_color_status_background--hover, #E2E4E9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_status_background--active",
+            "value": "var(--vkui--vkontakte_color_status_background--active, #D8DBE2)"
+        }
+    },
+    "vkontakteColorPlaceholderIconForegroundPrimary": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary",
+            "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary, #99a2ad)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover",
+            "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--hover, #939CA9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_placeholder_icon_foreground_primary--active",
+            "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_primary--active, #8D96A4)"
+        }
+    },
+    "vkontakteColorPlaceholderIconForegroundSecondary": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary",
+            "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary, #aeb7c2)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover",
+            "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--hover, #A7B0BD)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active",
+            "value": "var(--vkui--vkontakte_color_placeholder_icon_foreground_secondary--active, #A0AAB7)"
+        }
+    },
+    "vkontakteColorPlaceholderIconTint": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_placeholder_icon_tint",
+            "value": "var(--vkui--vkontakte_color_placeholder_icon_tint, #001c3d)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_placeholder_icon_tint--hover",
+            "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--hover, #001C3D)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_placeholder_icon_tint--active",
+            "value": "var(--vkui--vkontakte_color_placeholder_icon_tint--active, #001B3D)"
+        }
+    },
+    "vkontakteColorPollOptionBackground": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_poll_option_background",
+            "value": "var(--vkui--vkontakte_color_poll_option_background, #45678f)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_poll_option_background--hover",
+            "value": "var(--vkui--vkontakte_color_poll_option_background--hover, #42648C)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_poll_option_background--active",
+            "value": "var(--vkui--vkontakte_color_poll_option_background--active, #3F6088)"
+        }
+    },
+    "vkontakteColorTabbarActiveIcon": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_tabbar_active_icon",
+            "value": "var(--vkui--vkontakte_color_tabbar_active_icon, #2975cc)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_tabbar_active_icon--hover",
+            "value": "var(--vkui--vkontakte_color_tabbar_active_icon--hover, #2771C6)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_tabbar_active_icon--active",
+            "value": "var(--vkui--vkontakte_color_tabbar_active_icon--active, #266DC1)"
+        }
+    },
+    "vkontakteColorTabbarBackground": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_tabbar_background",
+            "value": "var(--vkui--vkontakte_color_tabbar_background, #f9f9f9)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_tabbar_background--hover",
+            "value": "var(--vkui--vkontakte_color_tabbar_background--hover, #EFF0F1)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_tabbar_background--active",
+            "value": "var(--vkui--vkontakte_color_tabbar_background--active, #E5E6EA)"
+        }
+    },
+    "vkontakteColorTabbarInactiveIcon": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_tabbar_inactive_icon",
+            "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon, #99a2ad)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_tabbar_inactive_icon--hover",
+            "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--hover, #939CA9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_tabbar_inactive_icon--active",
+            "value": "var(--vkui--vkontakte_color_tabbar_inactive_icon--active, #8D96A4)"
+        }
+    },
+    "vkontakteColorTabbarTabletTextSecondary": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary",
+            "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary, #909499)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover",
+            "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--hover, #8A8F95)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_tabbar_tablet_text_secondary--active",
+            "value": "var(--vkui--vkontakte_color_tabbar_tablet_text_secondary--active, #848992)"
+        }
+    },
+    "vkontakteColorToolbarAttachBackgroundFrom": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_toolbar_attach_background_from",
+            "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from, #b8c1cc)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_toolbar_attach_background_from--hover",
+            "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--hover, #B1BAC6)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_toolbar_attach_background_from--active",
+            "value": "var(--vkui--vkontakte_color_toolbar_attach_background_from--active, #A9B3C1)"
+        }
+    },
+    "vkontakteColorSplashScreenIcon": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_splash_screen_icon",
+            "value": "var(--vkui--vkontakte_color_splash_screen_icon, #e1e3e6)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_splash_screen_icon--hover",
+            "value": "var(--vkui--vkontakte_color_splash_screen_icon--hover, #D8DBDF)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_splash_screen_icon--active",
+            "value": "var(--vkui--vkontakte_color_splash_screen_icon--active, #CFD2D8)"
+        }
+    },
+    "vkontakteColorIconName": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_icon_name",
+            "value": "var(--vkui--vkontakte_color_icon_name, #74a2d6)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_icon_name--hover",
+            "value": "var(--vkui--vkontakte_color_icon_name--hover, #6F9CD0)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_icon_name--active",
+            "value": "var(--vkui--vkontakte_color_icon_name--active, #6B96CA)"
+        }
+    },
+    "vkontakteColorPanelTabActiveText": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_panel_tab_active_text",
+            "value": "var(--vkui--vkontakte_color_panel_tab_active_text, #76787a)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_panel_tab_active_text--hover",
+            "value": "var(--vkui--vkontakte_color_panel_tab_active_text--hover, #717478)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_panel_tab_active_text--active",
+            "value": "var(--vkui--vkontakte_color_panel_tab_active_text--active, #6D7075)"
+        }
+    },
+    "vkontakteColorBackgroundTextAlpha": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_background_text_alpha",
+            "value": "var(--vkui--vkontakte_color_background_text_alpha, rgba(38, 136, 235, 0.20))"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_background_text_alpha--hover",
+            "value": "var(--vkui--vkontakte_color_background_text_alpha--hover, rgba(38, 136, 235, 0.24))"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_background_text_alpha--active",
+            "value": "var(--vkui--vkontakte_color_background_text_alpha--active, rgba(38, 136, 235, 0.28))"
+        }
+    },
+    "vkontakteColorModalCardHeaderClose": {
+        "normal": {
+            "name": "--vkui--vkontakte_color_modal_card_header_close",
+            "value": "var(--vkui--vkontakte_color_modal_card_header_close, #000000)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_color_modal_card_header_close--hover",
+            "value": "var(--vkui--vkontakte_color_modal_card_header_close--hover, #000102)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_color_modal_card_header_close--active",
+            "value": "var(--vkui--vkontakte_color_modal_card_header_close--active, #000105)"
+        }
+    },
+    "vkontakteImBubbleButtonOutgoingBackgroundAlpha": {
+        "normal": {
+            "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha",
+            "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha, rgba(255, 255, 255, 0.60))"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover",
+            "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--hover, rgba(255, 255, 255, 0.64))"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active",
+            "value": "var(--vkui--vkontakte_im_bubble_button_outgoing_background_alpha--active, rgba(255, 255, 255, 0.68))"
+        }
+    },
+    "vkontakteImBubbleButtonForeground": {
+        "normal": {
+            "name": "--vkui--vkontakte_im_bubble_button_foreground",
+            "value": "var(--vkui--vkontakte_im_bubble_button_foreground, #000000)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_im_bubble_button_foreground--hover",
+            "value": "var(--vkui--vkontakte_im_bubble_button_foreground--hover, #000102)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_im_bubble_button_foreground--active",
+            "value": "var(--vkui--vkontakte_im_bubble_button_foreground--active, #000105)"
+        }
+    },
+    "vkontakteImBubbleIncomingHighlighted": {
+        "normal": {
+            "name": "--vkui--vkontakte_im_bubble_incoming_highlighted",
+            "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted, #d7d8d9)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--hover",
+            "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--hover, #CED0D3)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_im_bubble_incoming_highlighted--active",
+            "value": "var(--vkui--vkontakte_im_bubble_incoming_highlighted--active, #C6C8CD)"
+        }
+    },
+    "vkontakteImBubbleGiftBackground": {
+        "normal": {
+            "name": "--vkui--vkontakte_im_bubble_gift_background",
+            "value": "var(--vkui--vkontakte_im_bubble_gift_background, #f4e7c3)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_im_bubble_gift_background--hover",
+            "value": "var(--vkui--vkontakte_im_bubble_gift_background--hover, #EADEBE)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_im_bubble_gift_background--active",
+            "value": "var(--vkui--vkontakte_im_bubble_gift_background--active, #E0D6B8)"
+        }
+    },
+    "vkontakteImBubbleGiftBackgroundHighlighted": {
+        "normal": {
+            "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted",
+            "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted, #e3d3ac)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--hover",
+            "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--hover, #DACBA8)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_im_bubble_gift_background_highlighted--active",
+            "value": "var(--vkui--vkontakte_im_bubble_gift_background_highlighted--active, #D1C3A3)"
+        }
+    },
+    "vkontakteImBubbleOutgoingAlternate": {
+        "normal": {
+            "name": "--vkui--vkontakte_im_bubble_outgoing_alternate",
+            "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate, #FFFFFF)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--hover",
+            "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--hover, #F5F5F7)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_im_bubble_outgoing_alternate--active",
+            "value": "var(--vkui--vkontakte_im_bubble_outgoing_alternate--active, #EBECEF)"
+        }
+    },
+    "vkontakteImAttachTint": {
+        "normal": {
+            "name": "--vkui--vkontakte_im_attach_tint",
+            "value": "var(--vkui--vkontakte_im_attach_tint, #2d81e0)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_im_attach_tint--hover",
+            "value": "var(--vkui--vkontakte_im_attach_tint--hover, #2B7CD9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_im_attach_tint--active",
+            "value": "var(--vkui--vkontakte_im_attach_tint--active, #2978D3)"
+        }
+    },
+    "vkontakteImReplySeparator": {
+        "normal": {
+            "name": "--vkui--vkontakte_im_reply_separator",
+            "value": "var(--vkui--vkontakte_im_reply_separator, #2d81e0)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_im_reply_separator--hover",
+            "value": "var(--vkui--vkontakte_im_reply_separator--hover, #2B7CD9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_im_reply_separator--active",
+            "value": "var(--vkui--vkontakte_im_reply_separator--active, #2978D3)"
+        }
+    },
+    "vkontakteImToolbarVoiceMsgBackground": {
+        "normal": {
+            "name": "--vkui--vkontakte_im_toolbar_voice_msg_background",
+            "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background, #99a2ad)"
+        },
+        "hover": {
+            "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--hover",
+            "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--hover, #939CA9)"
+        },
+        "active": {
+            "name": "--vkui--vkontakte_im_toolbar_voice_msg_background--active",
+            "value": "var(--vkui--vkontakte_im_toolbar_voice_msg_background--active, #8D96A4)"
+        }
+    },
     "vkontakteColorImForwardLineAlpha": {
         "normal": {
             "name": "--vkui--vkontakte_color_im_forward_line_alpha",