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

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

@@ -743,6 +743,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",
@@ -880,7 +890,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": {
@@ -2466,7 +2476,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",
@@ -2480,7 +2490,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",
@@ -2494,7 +2504,7 @@ var theme = {
     "colorBackgroundAccentAlternative": {
         "normal": {
             "name": "--vkui--color_background_accent_alternative",
-            "value": "var(--vkui--color_background_accent_alternative, #2688EB)"
+            "value": "var(--vkui--color_background_accent_alternative, #2688eb)"
         },
         "hover": {
             "name": "--vkui--color_background_accent_alternative--hover",
@@ -2522,7 +2532,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",
@@ -2550,7 +2560,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",
@@ -2564,7 +2574,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",
@@ -2578,7 +2588,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",
@@ -2592,7 +2602,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",
@@ -2606,7 +2616,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",
@@ -2620,7 +2630,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",
@@ -2648,7 +2658,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",
@@ -2662,7 +2672,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",
@@ -2676,7 +2686,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",
@@ -2690,7 +2700,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",
@@ -2732,7 +2742,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",
@@ -2760,7 +2770,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",
@@ -2774,7 +2784,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",
@@ -2788,7 +2798,7 @@ var theme = {
     "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",
@@ -2802,7 +2812,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",
@@ -2816,7 +2826,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",
@@ -2830,7 +2840,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",
@@ -2844,7 +2854,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",
@@ -2886,7 +2896,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",
@@ -2900,7 +2910,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",
@@ -2914,7 +2924,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",
@@ -2928,7 +2938,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",
@@ -2942,7 +2952,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",
@@ -2956,7 +2966,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",
@@ -2970,7 +2980,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",
@@ -2984,21 +2994,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)"
         }
     },
     "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",
@@ -3012,7 +3022,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",
@@ -3026,7 +3036,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",
@@ -3040,7 +3050,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",
@@ -3054,7 +3064,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",
@@ -3068,7 +3078,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",
@@ -3082,7 +3092,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",
@@ -3110,7 +3120,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",
@@ -3138,7 +3148,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",
@@ -3166,7 +3176,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",
@@ -3180,7 +3190,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",
@@ -3194,7 +3204,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",
@@ -3208,7 +3218,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",
@@ -3222,7 +3232,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",
@@ -3236,7 +3246,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",
@@ -3250,7 +3260,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",
@@ -3264,7 +3274,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",
@@ -3278,7 +3288,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",
@@ -3334,7 +3344,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",
@@ -3348,7 +3358,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",
@@ -3362,7 +3372,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",
@@ -3404,7 +3414,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",
@@ -3418,7 +3428,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",
@@ -3432,7 +3442,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",
@@ -3446,7 +3456,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",
@@ -3460,7 +3470,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",
@@ -3474,7 +3484,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",
@@ -3488,7 +3498,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",
@@ -3502,7 +3512,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",
@@ -3516,7 +3526,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",
@@ -3530,7 +3540,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",
@@ -3544,7 +3554,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",
@@ -3558,7 +3568,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",
@@ -3572,7 +3582,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",
@@ -3586,7 +3596,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",
@@ -3600,7 +3610,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",
@@ -3614,7 +3624,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",
@@ -3642,7 +3652,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",
@@ -3656,7 +3666,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",
@@ -3670,7 +3680,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",
@@ -3698,7 +3708,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",
@@ -3712,7 +3722,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",
@@ -3726,7 +3736,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",
@@ -3740,7 +3750,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",
@@ -3754,7 +3764,7 @@ var theme = {
     "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",
@@ -3782,7 +3792,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",
@@ -3793,10 +3803,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))"
+        }
+    },
     "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",
@@ -3807,6 +3831,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",
@@ -4762,7 +4800,7 @@ var theme = {
     "octaviusColorHeaderIcon": {
         "normal": {
             "name": "--vkui--octavius_color_header_icon",
-            "value": "var(--vkui--octavius_color_header_icon, #2688EB)"
+            "value": "var(--vkui--octavius_color_header_icon, #2688eb)"
         },
         "hover": {
             "name": "--vkui--octavius_color_header_icon--hover",
@@ -4818,7 +4856,7 @@ var theme = {
     "octaviusColorHeaderTextSecondary": {
         "normal": {
             "name": "--vkui--octavius_color_header_text_secondary",
-            "value": "var(--vkui--octavius_color_header_text_secondary, #818C99)"
+            "value": "var(--vkui--octavius_color_header_text_secondary, #818c99)"
         },
         "hover": {
             "name": "--vkui--octavius_color_header_text_secondary--hover",
@@ -4888,7 +4926,7 @@ var theme = {
     "octaviusColorHeaderSearchBackground": {
         "normal": {
             "name": "--vkui--octavius_color_header_search_background",
-            "value": "var(--vkui--octavius_color_header_search_background, #EBEDF0)"
+            "value": "var(--vkui--octavius_color_header_search_background, #ebedf0)"
         },
         "hover": {
             "name": "--vkui--octavius_color_header_search_background--hover",
@@ -4902,7 +4940,7 @@ var theme = {
     "octaviusColorHeaderSearchBackgroundCollapsed": {
         "normal": {
             "name": "--vkui--octavius_color_header_search_background_collapsed",
-            "value": "var(--vkui--octavius_color_header_search_background_collapsed, #EBEDF0)"
+            "value": "var(--vkui--octavius_color_header_search_background_collapsed, #ebedf0)"
         },
         "hover": {
             "name": "--vkui--octavius_color_header_search_background_collapsed--hover",
@@ -4930,7 +4968,7 @@ var theme = {
     "octaviusColorHeaderSearchTextCollapsed": {
         "normal": {
             "name": "--vkui--octavius_color_header_search_text_collapsed",
-            "value": "var(--vkui--octavius_color_header_search_text_collapsed, #818C99)"
+            "value": "var(--vkui--octavius_color_header_search_text_collapsed, #818c99)"
         },
         "hover": {
             "name": "--vkui--octavius_color_header_search_text_collapsed--hover",
@@ -4958,7 +4996,7 @@ var theme = {
     "octaviusColorHeaderProgress": {
         "normal": {
             "name": "--vkui--octavius_color_header_progress",
-            "value": "var(--vkui--octavius_color_header_progress, #2688EB)"
+            "value": "var(--vkui--octavius_color_header_progress, #2688eb)"
         },
         "hover": {
             "name": "--vkui--octavius_color_header_progress--hover",
@@ -4986,7 +5024,7 @@ var theme = {
     "octaviusColorSidebarItemIconActive": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_item_icon_active",
-            "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2C2D2E)"
+            "value": "var(--vkui--octavius_color_sidebar_item_icon_active, #2c2d2e)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_item_icon_active--hover",
@@ -5000,7 +5038,7 @@ var theme = {
     "octaviusColorSidebarItemIconPrimary": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_item_icon_primary",
-            "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2688EB)"
+            "value": "var(--vkui--octavius_color_sidebar_item_icon_primary, #2688eb)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_item_icon_primary--hover",
@@ -5182,7 +5220,7 @@ var theme = {
     "octaviusColorSidebarItemIconSecondary": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_item_icon_secondary",
-            "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688EB)"
+            "value": "var(--vkui--octavius_color_sidebar_item_icon_secondary, #2688eb)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_item_icon_secondary--hover",
@@ -5196,7 +5234,7 @@ var theme = {
     "octaviusColorSidebarItemTextSecondary": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_item_text_secondary",
-            "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #818C99)"
+            "value": "var(--vkui--octavius_color_sidebar_item_text_secondary, #818c99)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_item_text_secondary--hover",
@@ -5210,7 +5248,7 @@ var theme = {
     "octaviusColorSidebarShortItemIcon": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_short_item_icon",
-            "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #2C2D2E)"
+            "value": "var(--vkui--octavius_color_sidebar_short_item_icon, #2c2d2e)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_short_item_icon--hover",
@@ -5252,7 +5290,7 @@ var theme = {
     "octaviusColorSidebarShortItemIconActive": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_short_item_icon_active",
-            "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2C2D2E)"
+            "value": "var(--vkui--octavius_color_sidebar_short_item_icon_active, #2c2d2e)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_short_item_icon_active--hover",
@@ -5266,7 +5304,7 @@ var theme = {
     "octaviusColorSidebarShortItemIconSecondary": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary",
-            "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #99A2AD)"
+            "value": "var(--vkui--octavius_color_sidebar_short_item_icon_secondary, #99a2ad)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_short_item_icon_secondary--hover",
@@ -5280,7 +5318,7 @@ var theme = {
     "octaviusColorSidebarShortItemTextSecondary": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_short_item_text_secondary",
-            "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #818C99)"
+            "value": "var(--vkui--octavius_color_sidebar_short_item_text_secondary, #818c99)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_short_item_text_secondary--hover",
@@ -5364,7 +5402,7 @@ var theme = {
     "octaviusColorIconUnread": {
         "normal": {
             "name": "--vkui--octavius_color_icon_unread",
-            "value": "var(--vkui--octavius_color_icon_unread, #2688EB)"
+            "value": "var(--vkui--octavius_color_icon_unread, #2688eb)"
         },
         "hover": {
             "name": "--vkui--octavius_color_icon_unread--hover",
@@ -5378,7 +5416,7 @@ var theme = {
     "octaviusColorIconFavorite": {
         "normal": {
             "name": "--vkui--octavius_color_icon_favorite",
-            "value": "var(--vkui--octavius_color_icon_favorite, #FF3347)"
+            "value": "var(--vkui--octavius_color_icon_favorite, #ff3347)"
         },
         "hover": {
             "name": "--vkui--octavius_color_icon_favorite--hover",
@@ -5518,7 +5556,7 @@ var theme = {
     "octaviusColorSidebarIconUnread": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_icon_unread",
-            "value": "var(--vkui--octavius_color_sidebar_icon_unread, #2688EB)"
+            "value": "var(--vkui--octavius_color_sidebar_icon_unread, #2688eb)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_icon_unread--hover",
@@ -5532,7 +5570,7 @@ var theme = {
     "octaviusColorSidebarIconFavorite": {
         "normal": {
             "name": "--vkui--octavius_color_sidebar_icon_favorite",
-            "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #FF3347)"
+            "value": "var(--vkui--octavius_color_sidebar_icon_favorite, #ff3347)"
         },
         "hover": {
             "name": "--vkui--octavius_color_sidebar_icon_favorite--hover",