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

package/themes/vkIOS/cssVars/theme/index.js

@@ -819,6 +819,16 @@ var theme = {
             "value": "var(--vkui--size_border_radius--regular, 10px)"
         }
     },
+    "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": {
@@ -1556,7 +1566,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",
@@ -1570,7 +1580,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",
@@ -1612,7 +1622,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",
@@ -1626,7 +1636,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",
@@ -1640,7 +1650,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",
@@ -1668,7 +1678,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",
@@ -1696,7 +1706,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",
@@ -1710,7 +1720,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",
@@ -1724,7 +1734,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",
@@ -1738,7 +1748,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",
@@ -1766,7 +1776,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",
@@ -1780,7 +1790,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",
@@ -1794,7 +1804,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",
@@ -1808,7 +1818,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",
@@ -1822,7 +1832,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",
@@ -1850,7 +1860,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",
@@ -1864,7 +1874,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",
@@ -1878,7 +1888,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",
@@ -1920,7 +1930,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",
@@ -1934,7 +1944,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",
@@ -1948,7 +1958,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",
@@ -1962,7 +1972,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",
@@ -1976,7 +1986,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",
@@ -1990,21 +2000,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",
@@ -2018,7 +2028,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",
@@ -2032,7 +2042,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",
@@ -2046,7 +2056,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",
@@ -2060,7 +2070,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",
@@ -2074,7 +2084,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",
@@ -2088,7 +2098,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",
@@ -2102,7 +2112,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",
@@ -2116,7 +2126,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",
@@ -2130,7 +2140,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",
@@ -2144,7 +2154,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",
@@ -2158,7 +2168,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",
@@ -2172,7 +2182,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",
@@ -2200,7 +2210,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",
@@ -2228,7 +2238,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",
@@ -2256,7 +2266,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",
@@ -2270,7 +2280,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",
@@ -2284,7 +2294,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",
@@ -2298,7 +2308,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",
@@ -2312,7 +2322,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",
@@ -2326,7 +2336,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",
@@ -2340,7 +2350,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",
@@ -2354,7 +2364,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",
@@ -2368,7 +2378,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",
@@ -2424,7 +2434,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",
@@ -2438,7 +2448,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",
@@ -2452,7 +2462,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",
@@ -2466,7 +2476,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",
@@ -2508,7 +2518,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",
@@ -2522,7 +2532,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",
@@ -2536,7 +2546,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",
@@ -2550,7 +2560,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",
@@ -2564,7 +2574,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",
@@ -2578,7 +2588,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",
@@ -2592,7 +2602,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",
@@ -2606,7 +2616,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",
@@ -2620,7 +2630,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",
@@ -2634,7 +2644,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",
@@ -2648,7 +2658,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",
@@ -2662,7 +2672,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",
@@ -2673,10 +2683,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",
@@ -2704,7 +2728,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",
@@ -2718,7 +2742,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",
@@ -2746,7 +2770,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",
@@ -2760,7 +2784,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",
@@ -2774,7 +2798,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",
@@ -2788,7 +2812,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",
@@ -2802,7 +2826,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",
@@ -2830,7 +2854,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",
@@ -2844,7 +2868,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",
@@ -2858,7 +2882,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",
@@ -2872,7 +2896,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",
@@ -2886,7 +2910,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",
@@ -2897,6 +2921,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",