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

package/themes/vkBase/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": {
@@ -1552,7 +1562,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",
@@ -1566,7 +1576,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",
@@ -1608,7 +1618,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",
@@ -1622,7 +1632,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",
@@ -1636,7 +1646,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",
@@ -1664,7 +1674,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",
@@ -1692,7 +1702,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",
@@ -1706,7 +1716,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",
@@ -1720,7 +1730,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",
@@ -1734,7 +1744,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",
@@ -1762,7 +1772,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",
@@ -1776,7 +1786,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",
@@ -1790,7 +1800,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",
@@ -1804,7 +1814,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",
@@ -1818,7 +1828,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",
@@ -1846,7 +1856,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",
@@ -1860,7 +1870,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",
@@ -1874,7 +1884,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",
@@ -1916,7 +1926,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",
@@ -1930,7 +1940,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",
@@ -1944,7 +1954,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",
@@ -1958,7 +1968,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",
@@ -1972,7 +1982,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",
@@ -1986,21 +1996,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",
@@ -2014,7 +2024,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",
@@ -2028,7 +2038,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",
@@ -2042,7 +2052,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",
@@ -2056,7 +2066,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",
@@ -2070,7 +2080,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",
@@ -2084,7 +2094,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",
@@ -2098,7 +2108,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",
@@ -2112,7 +2122,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",
@@ -2126,7 +2136,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",
@@ -2140,7 +2150,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",
@@ -2154,7 +2164,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",
@@ -2168,7 +2178,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",
@@ -2196,7 +2206,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",
@@ -2224,7 +2234,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",
@@ -2252,7 +2262,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",
@@ -2266,7 +2276,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",
@@ -2280,7 +2290,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",
@@ -2294,7 +2304,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",
@@ -2308,7 +2318,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",
@@ -2322,7 +2332,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",
@@ -2336,7 +2346,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",
@@ -2350,7 +2360,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",
@@ -2364,7 +2374,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",
@@ -2420,7 +2430,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",
@@ -2434,7 +2444,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",
@@ -2448,7 +2458,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",
@@ -2462,7 +2472,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",
@@ -2504,7 +2514,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",
@@ -2518,7 +2528,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",
@@ -2532,7 +2542,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",
@@ -2546,7 +2556,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",
@@ -2560,7 +2570,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",
@@ -2574,7 +2584,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",
@@ -2588,7 +2598,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",
@@ -2602,7 +2612,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",
@@ -2616,7 +2626,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",
@@ -2630,7 +2640,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",
@@ -2644,7 +2654,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",
@@ -2658,7 +2668,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",
@@ -2669,10 +2679,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",
@@ -2700,7 +2724,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",
@@ -2714,7 +2738,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",
@@ -2742,7 +2766,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",
@@ -2756,7 +2780,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",
@@ -2770,7 +2794,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",
@@ -2784,7 +2808,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",
@@ -2798,7 +2822,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",
@@ -2826,7 +2850,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",
@@ -2840,7 +2864,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",
@@ -2854,7 +2878,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",
@@ -2868,7 +2892,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",
@@ -2882,7 +2906,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",
@@ -2893,6 +2917,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",