@vkontakte/vkui-tokens 4.0.0 → 4.2.0

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

@@ -5,6 +5,10 @@ var theme = {
         "name": "--vkui--theme_name",
         "value": "var(--vkui--theme_name, vkBaseDark)"
     },
+    "themeNameBase": {
+        "name": "--vkui--theme_name_base",
+        "value": "var(--vkui--theme_name_base, vkBase)"
+    },
     "fontFamilyAccent": {
         "name": "--vkui--font_family_accent",
         "value": "var(--vkui--font_family_accent, \"TT Commons\", -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif)"
@@ -159,7 +163,7 @@ var theme = {
             },
             "lineHeight": {
                 "name": "--vkui--font_title3--line_height--regular",
-                "value": "var(--vkui--font_title3--line_height--regular, 24px)"
+                "value": "var(--vkui--font_title3--line_height--regular, 22px)"
             },
             "letterSpacing": {
                 "name": "--vkui--font_title3--letter_spacing--regular",
@@ -872,7 +876,7 @@ var theme = {
         },
         "compact": {
             "name": "--vkui--size_button_small_height--compact",
-            "value": "var(--vkui--size_button_small_height--compact, 26px)"
+            "value": "var(--vkui--size_button_small_height--compact, 28px)"
         }
     },
     "sizeCheckbox": {
@@ -1085,6 +1089,46 @@ var theme = {
             "value": "var(--vkui--size_badge_x_l--regular, 56px)"
         }
     },
+    "sizeCardgridPadding": {
+        "auto": {
+            "name": "--vkui--size_cardgrid_padding",
+            "value": "var(--vkui--size_cardgrid_padding)"
+        },
+        "regular": {
+            "name": "--vkui--size_cardgrid_padding--regular",
+            "value": "var(--vkui--size_cardgrid_padding--regular, 8px)"
+        }
+    },
+    "sizeCardBorderRadius": {
+        "auto": {
+            "name": "--vkui--size_card_border_radius",
+            "value": "var(--vkui--size_card_border_radius)"
+        },
+        "regular": {
+            "name": "--vkui--size_card_border_radius--regular",
+            "value": "var(--vkui--size_card_border_radius--regular, 8px)"
+        }
+    },
+    "sizeCardgridPaddingVertical": {
+        "auto": {
+            "name": "--vkui--size_cardgrid_padding_vertical",
+            "value": "var(--vkui--size_cardgrid_padding_vertical)"
+        },
+        "regular": {
+            "name": "--vkui--size_cardgrid_padding_vertical--regular",
+            "value": "var(--vkui--size_cardgrid_padding_vertical--regular, 8px)"
+        }
+    },
+    "sizeBasePaddingHorizontal": {
+        "auto": {
+            "name": "--vkui--size_base_padding_horizontal",
+            "value": "var(--vkui--size_base_padding_horizontal)"
+        },
+        "regular": {
+            "name": "--vkui--size_base_padding_horizontal--regular",
+            "value": "var(--vkui--size_base_padding_horizontal--regular, 16px)"
+        }
+    },
     "elevation1": {
         "name": "--vkui--elevation1",
         "value": "var(--vkui--elevation1, 0px 0px 2px rgba(0, 0, 0, 0.03), 0px 2px 2px rgba(0, 0, 0, 0.06))"
@@ -1132,15 +1176,15 @@ var theme = {
     "colorBackgroundAccent": {
         "normal": {
             "name": "--vkui--color_background_accent",
-            "value": "var(--vkui--color_background_accent, #71AAEB)"
+            "value": "var(--vkui--color_background_accent, #529EF4)"
         },
         "hover": {
             "name": "--vkui--color_background_accent--hover",
-            "value": "var(--vkui--color_background_accent--hover, #77ADEC)"
+            "value": "var(--vkui--color_background_accent--hover, #59A2F4)"
         },
         "active": {
             "name": "--vkui--color_background_accent--active",
-            "value": "var(--vkui--color_background_accent--active, #7CB1ED)"
+            "value": "var(--vkui--color_background_accent--active, #60A6F5)"
         }
     },
     "colorBackgroundAccentThemed": {
@@ -1160,15 +1204,113 @@ var theme = {
     "colorBackgroundAccentAlternative": {
         "normal": {
             "name": "--vkui--color_background_accent_alternative",
-            "value": "var(--vkui--color_background_accent_alternative, #71AAEB)"
+            "value": "var(--vkui--color_background_accent_alternative, #529EF4)"
         },
         "hover": {
             "name": "--vkui--color_background_accent_alternative--hover",
-            "value": "var(--vkui--color_background_accent_alternative--hover, #77ADEC)"
+            "value": "var(--vkui--color_background_accent_alternative--hover, #59A2F4)"
         },
         "active": {
             "name": "--vkui--color_background_accent_alternative--active",
-            "value": "var(--vkui--color_background_accent_alternative--active, #7CB1ED)"
+            "value": "var(--vkui--color_background_accent_alternative--active, #60A6F5)"
+        }
+    },
+    "colorIconAccent": {
+        "normal": {
+            "name": "--vkui--color_icon_accent",
+            "value": "var(--vkui--color_icon_accent, #529EF4)"
+        },
+        "hover": {
+            "name": "--vkui--color_icon_accent--hover",
+            "value": "var(--vkui--color_icon_accent--hover, #59A2F4)"
+        },
+        "active": {
+            "name": "--vkui--color_icon_accent--active",
+            "value": "var(--vkui--color_icon_accent--active, #60A6F5)"
+        }
+    },
+    "colorTextAccent": {
+        "normal": {
+            "name": "--vkui--color_text_accent",
+            "value": "var(--vkui--color_text_accent, #529EF4)"
+        },
+        "hover": {
+            "name": "--vkui--color_text_accent--hover",
+            "value": "var(--vkui--color_text_accent--hover, #59A2F4)"
+        },
+        "active": {
+            "name": "--vkui--color_text_accent--active",
+            "value": "var(--vkui--color_text_accent--active, #60A6F5)"
+        }
+    },
+    "colorTextAccentThemed": {
+        "normal": {
+            "name": "--vkui--color_text_accent_themed",
+            "value": "var(--vkui--color_text_accent_themed, #FFFFFF)"
+        },
+        "hover": {
+            "name": "--vkui--color_text_accent_themed--hover",
+            "value": "var(--vkui--color_text_accent_themed--hover, #FFFFFF)"
+        },
+        "active": {
+            "name": "--vkui--color_text_accent_themed--active",
+            "value": "var(--vkui--color_text_accent_themed--active, #FFFFFF)"
+        }
+    },
+    "colorStrokeAccent": {
+        "normal": {
+            "name": "--vkui--color_stroke_accent",
+            "value": "var(--vkui--color_stroke_accent, #529EF4)"
+        },
+        "hover": {
+            "name": "--vkui--color_stroke_accent--hover",
+            "value": "var(--vkui--color_stroke_accent--hover, #59A2F4)"
+        },
+        "active": {
+            "name": "--vkui--color_stroke_accent--active",
+            "value": "var(--vkui--color_stroke_accent--active, #60A6F5)"
+        }
+    },
+    "colorStrokeAccentThemed": {
+        "normal": {
+            "name": "--vkui--color_stroke_accent_themed",
+            "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)"
+        },
+        "hover": {
+            "name": "--vkui--color_stroke_accent_themed--hover",
+            "value": "var(--vkui--color_stroke_accent_themed--hover, #FFFFFF)"
+        },
+        "active": {
+            "name": "--vkui--color_stroke_accent_themed--active",
+            "value": "var(--vkui--color_stroke_accent_themed--active, #FFFFFF)"
+        }
+    },
+    "colorStrokeContrast": {
+        "normal": {
+            "name": "--vkui--color_stroke_contrast",
+            "value": "var(--vkui--color_stroke_contrast, #FFFFFF)"
+        },
+        "hover": {
+            "name": "--vkui--color_stroke_contrast--hover",
+            "value": "var(--vkui--color_stroke_contrast--hover, #FFFFFF)"
+        },
+        "active": {
+            "name": "--vkui--color_stroke_contrast--active",
+            "value": "var(--vkui--color_stroke_contrast--active, #FFFFFF)"
+        }
+    },
+    "colorActionSheetText": {
+        "normal": {
+            "name": "--vkui--color_action_sheet_text",
+            "value": "var(--vkui--color_action_sheet_text, #529EF4)"
+        },
+        "hover": {
+            "name": "--vkui--color_action_sheet_text--hover",
+            "value": "var(--vkui--color_action_sheet_text--hover, #59A2F4)"
+        },
+        "active": {
+            "name": "--vkui--color_action_sheet_text--active",
+            "value": "var(--vkui--color_action_sheet_text--active, #60A6F5)"
         }
     },
     "colorBackgroundContent": {
@@ -1297,606 +1439,522 @@ var theme = {
             "value": "var(--vkui--color_background_negative--active, #E85555)"
         }
     },
-    "colorBackgroundModal": {
+    "colorBackgroundNegativeTint": {
         "normal": {
-            "name": "--vkui--color_background_modal",
-            "value": "var(--vkui--color_background_modal, #2D2D2E)"
+            "name": "--vkui--color_background_negative_tint",
+            "value": "var(--vkui--color_background_negative_tint, #522E2E)"
         },
         "hover": {
-            "name": "--vkui--color_background_modal--hover",
-            "value": "var(--vkui--color_background_modal--hover, #353536)"
+            "name": "--vkui--color_background_negative_tint--hover",
+            "value": "var(--vkui--color_background_negative_tint--hover, #593636)"
         },
         "active": {
-            "name": "--vkui--color_background_modal--active",
-            "value": "var(--vkui--color_background_modal--active, #3E3E3F)"
+            "name": "--vkui--color_background_negative_tint--active",
+            "value": "var(--vkui--color_background_negative_tint--active, #603F3F)"
         }
     },
-    "colorBackgroundPositive": {
+    "colorTextNegative": {
         "normal": {
-            "name": "--vkui--color_background_positive",
-            "value": "var(--vkui--color_background_positive, #4BB34B)"
+            "name": "--vkui--color_text_negative",
+            "value": "var(--vkui--color_text_negative, #E64646)"
         },
         "hover": {
-            "name": "--vkui--color_background_positive--hover",
-            "value": "var(--vkui--color_background_positive--hover, #52B652)"
+            "name": "--vkui--color_text_negative--hover",
+            "value": "var(--vkui--color_text_negative--hover, #E74D4D)"
         },
         "active": {
-            "name": "--vkui--color_background_positive--active",
-            "value": "var(--vkui--color_background_positive--active, #59B959)"
+            "name": "--vkui--color_text_negative--active",
+            "value": "var(--vkui--color_text_negative--active, #E85555)"
         }
     },
-    "colorBackgroundNegativeTint": {
+    "colorIconNegative": {
         "normal": {
-            "name": "--vkui--color_background_negative_tint",
-            "value": "var(--vkui--color_background_negative_tint, #522e2e)"
+            "name": "--vkui--color_icon_negative",
+            "value": "var(--vkui--color_icon_negative, #E64646)"
         },
         "hover": {
-            "name": "--vkui--color_background_negative_tint--hover",
-            "value": "var(--vkui--color_background_negative_tint--hover, #593636)"
+            "name": "--vkui--color_icon_negative--hover",
+            "value": "var(--vkui--color_icon_negative--hover, #E74D4D)"
         },
         "active": {
-            "name": "--vkui--color_background_negative_tint--active",
-            "value": "var(--vkui--color_background_negative_tint--active, #603F3F)"
+            "name": "--vkui--color_icon_negative--active",
+            "value": "var(--vkui--color_icon_negative--active, #E85555)"
         }
     },
-    "colorTextAccent": {
+    "colorStrokeNegative": {
         "normal": {
-            "name": "--vkui--color_text_accent",
-            "value": "var(--vkui--color_text_accent, #71AAEB)"
+            "name": "--vkui--color_stroke_negative",
+            "value": "var(--vkui--color_stroke_negative, #E64646)"
         },
         "hover": {
-            "name": "--vkui--color_text_accent--hover",
-            "value": "var(--vkui--color_text_accent--hover, #77ADEC)"
+            "name": "--vkui--color_stroke_negative--hover",
+            "value": "var(--vkui--color_stroke_negative--hover, #E74D4D)"
         },
         "active": {
-            "name": "--vkui--color_text_accent--active",
-            "value": "var(--vkui--color_text_accent--active, #7CB1ED)"
+            "name": "--vkui--color_stroke_negative--active",
+            "value": "var(--vkui--color_stroke_negative--active, #E85555)"
         }
     },
-    "colorTextAccentThemed": {
+    "colorHeaderBackground": {
         "normal": {
-            "name": "--vkui--color_text_accent_themed",
-            "value": "var(--vkui--color_text_accent_themed, #FFFFFF)"
+            "name": "--vkui--color_header_background",
+            "value": "var(--vkui--color_header_background, #19191A)"
         },
         "hover": {
-            "name": "--vkui--color_text_accent_themed--hover",
-            "value": "var(--vkui--color_text_accent_themed--hover, #FFFFFF)"
+            "name": "--vkui--color_header_background--hover",
+            "value": "var(--vkui--color_header_background--hover, #222223)"
         },
         "active": {
-            "name": "--vkui--color_text_accent_themed--active",
-            "value": "var(--vkui--color_text_accent_themed--active, #FFFFFF)"
+            "name": "--vkui--color_header_background--active",
+            "value": "var(--vkui--color_header_background--active, #2B2B2C)"
         }
     },
-    "colorTextNegative": {
+    "colorPanelHeaderIcon": {
         "normal": {
-            "name": "--vkui--color_text_negative",
-            "value": "var(--vkui--color_text_negative, #E64646)"
+            "name": "--vkui--color_panel_header_icon",
+            "value": "var(--vkui--color_panel_header_icon, #71AAEB)"
         },
         "hover": {
-            "name": "--vkui--color_text_negative--hover",
-            "value": "var(--vkui--color_text_negative--hover, #E74D4D)"
+            "name": "--vkui--color_panel_header_icon--hover",
+            "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)"
         },
         "active": {
-            "name": "--vkui--color_text_negative--active",
-            "value": "var(--vkui--color_text_negative--active, #E85555)"
+            "name": "--vkui--color_panel_header_icon--active",
+            "value": "var(--vkui--color_panel_header_icon--active, #7CB1ED)"
         }
     },
-    "colorTextLink": {
+    "colorIconPrimary": {
         "normal": {
-            "name": "--vkui--color_text_link",
-            "value": "var(--vkui--color_text_link, #71AAEB)"
+            "name": "--vkui--color_icon_primary",
+            "value": "var(--vkui--color_icon_primary, #E1E3E6)"
         },
         "hover": {
-            "name": "--vkui--color_text_link--hover",
-            "value": "var(--vkui--color_text_link--hover, #77ADEC)"
+            "name": "--vkui--color_icon_primary--hover",
+            "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)"
         },
         "active": {
-            "name": "--vkui--color_text_link--active",
-            "value": "var(--vkui--color_text_link--active, #7CB1ED)"
+            "name": "--vkui--color_icon_primary--active",
+            "value": "var(--vkui--color_icon_primary--active, #E3E5E8)"
         }
     },
-    "colorTextLinkThemed": {
+    "colorIconPrimaryInvariably": {
         "normal": {
-            "name": "--vkui--color_text_link_themed",
-            "value": "var(--vkui--color_text_link_themed, #FFFFFF)"
+            "name": "--vkui--color_icon_primary_invariably",
+            "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)"
         },
         "hover": {
-            "name": "--vkui--color_text_link_themed--hover",
-            "value": "var(--vkui--color_text_link_themed--hover, #FFFFFF)"
+            "name": "--vkui--color_icon_primary_invariably--hover",
+            "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)"
         },
         "active": {
-            "name": "--vkui--color_text_link_themed--active",
-            "value": "var(--vkui--color_text_link_themed--active, #FFFFFF)"
+            "name": "--vkui--color_icon_primary_invariably--active",
+            "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)"
         }
     },
-    "colorTextMuted": {
+    "colorIconMedium": {
         "normal": {
-            "name": "--vkui--color_text_muted",
-            "value": "var(--vkui--color_text_muted, #E1E3E6)"
+            "name": "--vkui--color_icon_medium",
+            "value": "var(--vkui--color_icon_medium, #B0B1B6)"
         },
         "hover": {
-            "name": "--vkui--color_text_muted--hover",
-            "value": "var(--vkui--color_text_muted--hover, #E2E4E7)"
+            "name": "--vkui--color_icon_medium--hover",
+            "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)"
         },
         "active": {
-            "name": "--vkui--color_text_muted--active",
-            "value": "var(--vkui--color_text_muted--active, #E3E5E8)"
+            "name": "--vkui--color_icon_medium--active",
+            "value": "var(--vkui--color_icon_medium--active, #B6B7BC)"
         }
     },
-    "colorTextPrimary": {
+    "colorIconMediumAlpha": {
         "normal": {
-            "name": "--vkui--color_text_primary",
-            "value": "var(--vkui--color_text_primary, #E1E3E6)"
+            "name": "--vkui--color_icon_medium_alpha",
+            "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))"
         },
         "hover": {
-            "name": "--vkui--color_text_primary--hover",
-            "value": "var(--vkui--color_text_primary--hover, #E2E4E7)"
+            "name": "--vkui--color_icon_medium_alpha--hover",
+            "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))"
         },
         "active": {
-            "name": "--vkui--color_text_primary--active",
-            "value": "var(--vkui--color_text_primary--active, #E3E5E8)"
+            "name": "--vkui--color_icon_medium_alpha--active",
+            "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))"
         }
     },
-    "colorTextPrimaryInvariably": {
+    "colorIconSecondary": {
         "normal": {
-            "name": "--vkui--color_text_primary_invariably",
-            "value": "var(--vkui--color_text_primary_invariably, #000000)"
+            "name": "--vkui--color_icon_secondary",
+            "value": "var(--vkui--color_icon_secondary, #76787A)"
         },
         "hover": {
-            "name": "--vkui--color_text_primary_invariably--hover",
-            "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)"
+            "name": "--vkui--color_icon_secondary--hover",
+            "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)"
         },
         "active": {
-            "name": "--vkui--color_text_primary_invariably--active",
-            "value": "var(--vkui--color_text_primary_invariably--active, #141414)"
+            "name": "--vkui--color_icon_secondary--active",
+            "value": "var(--vkui--color_icon_secondary--active, #818385)"
         }
     },
-    "colorTextSecondary": {
+    "colorIconSecondaryAlpha": {
         "normal": {
-            "name": "--vkui--color_text_secondary",
-            "value": "var(--vkui--color_text_secondary, #76787A)"
-        },
-        "hover": {
-            "name": "--vkui--color_text_secondary--hover",
-            "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)"
-        },
-        "active": {
-            "name": "--vkui--color_text_secondary--active",
-            "value": "var(--vkui--color_text_secondary--active, #818385)"
-        }
-    },
-    "colorTextSubhead": {
-        "normal": {
-            "name": "--vkui--color_text_subhead",
-            "value": "var(--vkui--color_text_subhead, #C1C3C6)"
-        },
-        "hover": {
-            "name": "--vkui--color_text_subhead--hover",
-            "value": "var(--vkui--color_text_subhead--hover, #C3C5C8)"
-        },
-        "active": {
-            "name": "--vkui--color_text_subhead--active",
-            "value": "var(--vkui--color_text_subhead--active, #C6C8CB)"
-        }
-    },
-    "colorTextTertiary": {
-        "normal": {
-            "name": "--vkui--color_text_tertiary",
-            "value": "var(--vkui--color_text_tertiary, #636567)"
-        },
-        "hover": {
-            "name": "--vkui--color_text_tertiary--hover",
-            "value": "var(--vkui--color_text_tertiary--hover, #696B6D)"
-        },
-        "active": {
-            "name": "--vkui--color_text_tertiary--active",
-            "value": "var(--vkui--color_text_tertiary--active, #6F7173)"
-        }
-    },
-    "colorTextLinkVisited": {
-        "normal": {
-            "name": "--vkui--color_text_link_visited",
-            "value": "var(--vkui--color_text_link_visited, #4986CC)"
-        },
-        "hover": {
-            "name": "--vkui--color_text_link_visited--hover",
-            "value": "var(--vkui--color_text_link_visited--hover, #508BCE)"
-        },
-        "active": {
-            "name": "--vkui--color_text_link_visited--active",
-            "value": "var(--vkui--color_text_link_visited--active, #5890D0)"
-        }
-    },
-    "colorTextContrast": {
-        "normal": {
-            "name": "--vkui--color_text_contrast",
-            "value": "var(--vkui--color_text_contrast, #FFFFFF)"
-        },
-        "hover": {
-            "name": "--vkui--color_text_contrast--hover",
-            "value": "var(--vkui--color_text_contrast--hover, #FFFFFF)"
-        },
-        "active": {
-            "name": "--vkui--color_text_contrast--active",
-            "value": "var(--vkui--color_text_contrast--active, #FFFFFF)"
-        }
-    },
-    "colorTextContrastThemed": {
-        "normal": {
-            "name": "--vkui--color_text_contrast_themed",
-            "value": "var(--vkui--color_text_contrast_themed, #000000)"
-        },
-        "hover": {
-            "name": "--vkui--color_text_contrast_themed--hover",
-            "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)"
-        },
-        "active": {
-            "name": "--vkui--color_text_contrast_themed--active",
-            "value": "var(--vkui--color_text_contrast_themed--active, #141414)"
-        }
-    },
-    "colorLinkContrast": {
-        "normal": {
-            "name": "--vkui--color_link_contrast",
-            "value": "var(--vkui--color_link_contrast, #FFFFFF)"
+            "name": "--vkui--color_icon_secondary_alpha",
+            "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.43))"
         },
         "hover": {
-            "name": "--vkui--color_link_contrast--hover",
-            "value": "var(--vkui--color_link_contrast--hover, #FFFFFF)"
+            "name": "--vkui--color_icon_secondary_alpha--hover",
+            "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.47000000000000003))"
         },
         "active": {
-            "name": "--vkui--color_link_contrast--active",
-            "value": "var(--vkui--color_link_contrast--active, #FFFFFF)"
+            "name": "--vkui--color_icon_secondary_alpha--active",
+            "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.51))"
         }
     },
-    "colorTextPositive": {
+    "colorIconTertiary": {
         "normal": {
-            "name": "--vkui--color_text_positive",
-            "value": "var(--vkui--color_text_positive, #4BB34B)"
+            "name": "--vkui--color_icon_tertiary",
+            "value": "var(--vkui--color_icon_tertiary, #5D5F61)"
         },
         "hover": {
-            "name": "--vkui--color_text_positive--hover",
-            "value": "var(--vkui--color_text_positive--hover, #52B652)"
+            "name": "--vkui--color_icon_tertiary--hover",
+            "value": "var(--vkui--color_icon_tertiary--hover, #636567)"
         },
         "active": {
-            "name": "--vkui--color_text_positive--active",
-            "value": "var(--vkui--color_text_positive--active, #59B959)"
+            "name": "--vkui--color_icon_tertiary--active",
+            "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)"
         }
     },
-    "colorIconAccent": {
+    "colorIconTertiaryAlpha": {
         "normal": {
-            "name": "--vkui--color_icon_accent",
-            "value": "var(--vkui--color_icon_accent, #71AAEB)"
+            "name": "--vkui--color_icon_tertiary_alpha",
+            "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.3))"
         },
         "hover": {
-            "name": "--vkui--color_icon_accent--hover",
-            "value": "var(--vkui--color_icon_accent--hover, #77ADEC)"
+            "name": "--vkui--color_icon_tertiary_alpha--hover",
+            "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))"
         },
         "active": {
-            "name": "--vkui--color_icon_accent--active",
-            "value": "var(--vkui--color_icon_accent--active, #7CB1ED)"
+            "name": "--vkui--color_icon_tertiary_alpha--active",
+            "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))"
         }
     },
-    "colorIconNegative": {
+    "colorImageBorderAlpha": {
         "normal": {
-            "name": "--vkui--color_icon_negative",
-            "value": "var(--vkui--color_icon_negative, #E64646)"
+            "name": "--vkui--color_image_border_alpha",
+            "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))"
         },
         "hover": {
-            "name": "--vkui--color_icon_negative--hover",
-            "value": "var(--vkui--color_icon_negative--hover, #E74D4D)"
+            "name": "--vkui--color_image_border_alpha--hover",
+            "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))"
         },
         "active": {
-            "name": "--vkui--color_icon_negative--active",
-            "value": "var(--vkui--color_icon_negative--active, #E85555)"
+            "name": "--vkui--color_image_border_alpha--active",
+            "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))"
         }
     },
-    "colorIconPrimary": {
+    "colorWriteBarInputBackground": {
         "normal": {
-            "name": "--vkui--color_icon_primary",
-            "value": "var(--vkui--color_icon_primary, #E1E3E6)"
+            "name": "--vkui--color_write_bar_input_background",
+            "value": "var(--vkui--color_write_bar_input_background, #232324)"
         },
         "hover": {
-            "name": "--vkui--color_icon_primary--hover",
-            "value": "var(--vkui--color_icon_primary--hover, #E2E4E7)"
+            "name": "--vkui--color_write_bar_input_background--hover",
+            "value": "var(--vkui--color_write_bar_input_background--hover, #2C2C2D)"
         },
         "active": {
-            "name": "--vkui--color_icon_primary--active",
-            "value": "var(--vkui--color_icon_primary--active, #E3E5E8)"
+            "name": "--vkui--color_write_bar_input_background--active",
+            "value": "var(--vkui--color_write_bar_input_background--active, #353536)"
         }
     },
-    "colorIconPrimaryInvariably": {
+    "colorWriteBarInputBorderAlpha": {
         "normal": {
-            "name": "--vkui--color_icon_primary_invariably",
-            "value": "var(--vkui--color_icon_primary_invariably, #2C2D2E)"
+            "name": "--vkui--color_write_bar_input_border_alpha",
+            "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))"
         },
         "hover": {
-            "name": "--vkui--color_icon_primary_invariably--hover",
-            "value": "var(--vkui--color_icon_primary_invariably--hover, #343536)"
+            "name": "--vkui--color_write_bar_input_border_alpha--hover",
+            "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))"
         },
         "active": {
-            "name": "--vkui--color_icon_primary_invariably--active",
-            "value": "var(--vkui--color_icon_primary_invariably--active, #3D3E3F)"
+            "name": "--vkui--color_write_bar_input_border_alpha--active",
+            "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))"
         }
     },
-    "colorIconMedium": {
+    "colorTrackBackground": {
         "normal": {
-            "name": "--vkui--color_icon_medium",
-            "value": "var(--vkui--color_icon_medium, #B0B1B6)"
+            "name": "--vkui--color_track_background",
+            "value": "var(--vkui--color_track_background, #202021)"
         },
         "hover": {
-            "name": "--vkui--color_icon_medium--hover",
-            "value": "var(--vkui--color_icon_medium--hover, #B3B4B9)"
+            "name": "--vkui--color_track_background--hover",
+            "value": "var(--vkui--color_track_background--hover, #29292A)"
         },
         "active": {
-            "name": "--vkui--color_icon_medium--active",
-            "value": "var(--vkui--color_icon_medium--active, #B6B7BC)"
+            "name": "--vkui--color_track_background--active",
+            "value": "var(--vkui--color_track_background--active, #323233)"
         }
     },
-    "colorIconMediumAlpha": {
+    "colorTrackBuffer": {
         "normal": {
-            "name": "--vkui--color_icon_medium_alpha",
-            "value": "var(--vkui--color_icon_medium_alpha, rgba(241, 247, 255, 0.66))"
+            "name": "--vkui--color_track_buffer",
+            "value": "var(--vkui--color_track_buffer, #405772)"
         },
         "hover": {
-            "name": "--vkui--color_icon_medium_alpha--hover",
-            "value": "var(--vkui--color_icon_medium_alpha--hover, rgba(241, 247, 255, 0.7000000000000001))"
+            "name": "--vkui--color_track_buffer--hover",
+            "value": "var(--vkui--color_track_buffer--hover, #485E78)"
         },
         "active": {
-            "name": "--vkui--color_icon_medium_alpha--active",
-            "value": "var(--vkui--color_icon_medium_alpha--active, rgba(241, 247, 255, 0.74))"
+            "name": "--vkui--color_track_buffer--active",
+            "value": "var(--vkui--color_track_buffer--active, #4F647D)"
         }
     },
-    "colorIconSecondary": {
+    "colorBackgroundModal": {
         "normal": {
-            "name": "--vkui--color_icon_secondary",
-            "value": "var(--vkui--color_icon_secondary, #76787A)"
+            "name": "--vkui--color_background_modal",
+            "value": "var(--vkui--color_background_modal, #2D2D2E)"
         },
         "hover": {
-            "name": "--vkui--color_icon_secondary--hover",
-            "value": "var(--vkui--color_icon_secondary--hover, #7B7D7F)"
+            "name": "--vkui--color_background_modal--hover",
+            "value": "var(--vkui--color_background_modal--hover, #353536)"
         },
         "active": {
-            "name": "--vkui--color_icon_secondary--active",
-            "value": "var(--vkui--color_icon_secondary--active, #818385)"
+            "name": "--vkui--color_background_modal--active",
+            "value": "var(--vkui--color_background_modal--active, #3E3E3F)"
         }
     },
-    "colorIconSecondaryAlpha": {
+    "colorImagePlaceholderAlpha": {
         "normal": {
-            "name": "--vkui--color_icon_secondary_alpha",
-            "value": "var(--vkui--color_icon_secondary_alpha, rgba(0, 0, 0, 0.43))"
+            "name": "--vkui--color_image_placeholder_alpha",
+            "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))"
         },
         "hover": {
-            "name": "--vkui--color_icon_secondary_alpha--hover",
-            "value": "var(--vkui--color_icon_secondary_alpha--hover, rgba(0, 0, 0, 0.47000000000000003))"
+            "name": "--vkui--color_image_placeholder_alpha--hover",
+            "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))"
         },
         "active": {
-            "name": "--vkui--color_icon_secondary_alpha--active",
-            "value": "var(--vkui--color_icon_secondary_alpha--active, rgba(0, 0, 0, 0.51))"
+            "name": "--vkui--color_image_placeholder_alpha--active",
+            "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))"
         }
     },
-    "colorIconTertiary": {
+    "colorImagePlaceholder": {
         "normal": {
-            "name": "--vkui--color_icon_tertiary",
-            "value": "var(--vkui--color_icon_tertiary, #5D5F61)"
+            "name": "--vkui--color_image_placeholder",
+            "value": "var(--vkui--color_image_placeholder, #2A2B2C)"
         },
         "hover": {
-            "name": "--vkui--color_icon_tertiary--hover",
-            "value": "var(--vkui--color_icon_tertiary--hover, #636567)"
+            "name": "--vkui--color_image_placeholder--hover",
+            "value": "var(--vkui--color_image_placeholder--hover, #333334)"
         },
         "active": {
-            "name": "--vkui--color_icon_tertiary--active",
-            "value": "var(--vkui--color_icon_tertiary--active, #6A6C6E)"
+            "name": "--vkui--color_image_placeholder--active",
+            "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)"
         }
     },
-    "colorIconTertiaryAlpha": {
+    "colorSearchFieldBackground": {
         "normal": {
-            "name": "--vkui--color_icon_tertiary_alpha",
-            "value": "var(--vkui--color_icon_tertiary_alpha, rgba(255, 255, 255, 0.3))"
+            "name": "--vkui--color_search_field_background",
+            "value": "var(--vkui--color_search_field_background, #232324)"
         },
         "hover": {
-            "name": "--vkui--color_icon_tertiary_alpha--hover",
-            "value": "var(--vkui--color_icon_tertiary_alpha--hover, rgba(255, 255, 255, 0.34))"
+            "name": "--vkui--color_search_field_background--hover",
+            "value": "var(--vkui--color_search_field_background--hover, #2C2C2D)"
         },
         "active": {
-            "name": "--vkui--color_icon_tertiary_alpha--active",
-            "value": "var(--vkui--color_icon_tertiary_alpha--active, rgba(255, 255, 255, 0.38))"
+            "name": "--vkui--color_search_field_background--active",
+            "value": "var(--vkui--color_search_field_background--active, #353536)"
         }
     },
-    "colorIconContrast": {
+    "colorFieldBorderAlpha": {
         "normal": {
-            "name": "--vkui--color_icon_contrast",
-            "value": "var(--vkui--color_icon_contrast, #FFFFFF)"
+            "name": "--vkui--color_field_border_alpha",
+            "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))"
         },
         "hover": {
-            "name": "--vkui--color_icon_contrast--hover",
-            "value": "var(--vkui--color_icon_contrast--hover, #FFFFFF)"
+            "name": "--vkui--color_field_border_alpha--hover",
+            "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))"
         },
         "active": {
-            "name": "--vkui--color_icon_contrast--active",
-            "value": "var(--vkui--color_icon_contrast--active, #FFFFFF)"
+            "name": "--vkui--color_field_border_alpha--active",
+            "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))"
         }
     },
-    "colorIconContrastThemed": {
+    "colorSeparatorPrimaryAlpha": {
         "normal": {
-            "name": "--vkui--color_icon_contrast_themed",
-            "value": "var(--vkui--color_icon_contrast_themed, #000000)"
+            "name": "--vkui--color_separator_primary_alpha",
+            "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))"
         },
         "hover": {
-            "name": "--vkui--color_icon_contrast_themed--hover",
-            "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)"
+            "name": "--vkui--color_separator_primary_alpha--hover",
+            "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))"
         },
         "active": {
-            "name": "--vkui--color_icon_contrast_themed--active",
-            "value": "var(--vkui--color_icon_contrast_themed--active, #141414)"
+            "name": "--vkui--color_separator_primary_alpha--active",
+            "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))"
         }
     },
-    "colorIconPositive": {
+    "colorSeparatorSecondary": {
         "normal": {
-            "name": "--vkui--color_icon_positive",
-            "value": "var(--vkui--color_icon_positive, #4BB34B)"
+            "name": "--vkui--color_separator_secondary",
+            "value": "var(--vkui--color_separator_secondary, #141415)"
         },
         "hover": {
-            "name": "--vkui--color_icon_positive--hover",
-            "value": "var(--vkui--color_icon_positive--hover, #52B652)"
+            "name": "--vkui--color_separator_secondary--hover",
+            "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)"
         },
         "active": {
-            "name": "--vkui--color_icon_positive--active",
-            "value": "var(--vkui--color_icon_positive--active, #59B959)"
+            "name": "--vkui--color_separator_secondary--active",
+            "value": "var(--vkui--color_separator_secondary--active, #272728)"
         }
     },
-    "colorStrokeAccent": {
+    "colorSeparatorPrimary": {
         "normal": {
-            "name": "--vkui--color_stroke_accent",
-            "value": "var(--vkui--color_stroke_accent, #71AAEB)"
+            "name": "--vkui--color_separator_primary",
+            "value": "var(--vkui--color_separator_primary, #0F0F10)"
         },
         "hover": {
-            "name": "--vkui--color_stroke_accent--hover",
-            "value": "var(--vkui--color_stroke_accent--hover, #77ADEC)"
+            "name": "--vkui--color_separator_primary--hover",
+            "value": "var(--vkui--color_separator_primary--hover, #19191A)"
         },
         "active": {
-            "name": "--vkui--color_stroke_accent--active",
-            "value": "var(--vkui--color_stroke_accent--active, #7CB1ED)"
+            "name": "--vkui--color_separator_primary--active",
+            "value": "var(--vkui--color_separator_primary--active, #222223)"
         }
     },
-    "colorStrokeAccentThemed": {
+    "colorTextLink": {
         "normal": {
-            "name": "--vkui--color_stroke_accent_themed",
-            "value": "var(--vkui--color_stroke_accent_themed, #FFFFFF)"
+            "name": "--vkui--color_text_link",
+            "value": "var(--vkui--color_text_link, #529EF4)"
         },
         "hover": {
-            "name": "--vkui--color_stroke_accent_themed--hover",
-            "value": "var(--vkui--color_stroke_accent_themed--hover, #FFFFFF)"
+            "name": "--vkui--color_text_link--hover",
+            "value": "var(--vkui--color_text_link--hover, #59A2F4)"
         },
         "active": {
-            "name": "--vkui--color_stroke_accent_themed--active",
-            "value": "var(--vkui--color_stroke_accent_themed--active, #FFFFFF)"
+            "name": "--vkui--color_text_link--active",
+            "value": "var(--vkui--color_text_link--active, #60A6F5)"
         }
     },
-    "colorStrokeContrast": {
+    "colorTextLinkThemed": {
         "normal": {
-            "name": "--vkui--color_stroke_contrast",
-            "value": "var(--vkui--color_stroke_contrast, #FFFFFF)"
+            "name": "--vkui--color_text_link_themed",
+            "value": "var(--vkui--color_text_link_themed, #FFFFFF)"
         },
         "hover": {
-            "name": "--vkui--color_stroke_contrast--hover",
-            "value": "var(--vkui--color_stroke_contrast--hover, #FFFFFF)"
+            "name": "--vkui--color_text_link_themed--hover",
+            "value": "var(--vkui--color_text_link_themed--hover, #FFFFFF)"
         },
         "active": {
-            "name": "--vkui--color_stroke_contrast--active",
-            "value": "var(--vkui--color_stroke_contrast--active, #FFFFFF)"
+            "name": "--vkui--color_text_link_themed--active",
+            "value": "var(--vkui--color_text_link_themed--active, #FFFFFF)"
         }
     },
-    "colorStrokeNegative": {
+    "colorTextMuted": {
         "normal": {
-            "name": "--vkui--color_stroke_negative",
-            "value": "var(--vkui--color_stroke_negative, #E64646)"
+            "name": "--vkui--color_text_muted",
+            "value": "var(--vkui--color_text_muted, #E1E3E6)"
         },
         "hover": {
-            "name": "--vkui--color_stroke_negative--hover",
-            "value": "var(--vkui--color_stroke_negative--hover, #E74D4D)"
+            "name": "--vkui--color_text_muted--hover",
+            "value": "var(--vkui--color_text_muted--hover, #E2E4E7)"
         },
         "active": {
-            "name": "--vkui--color_stroke_negative--active",
-            "value": "var(--vkui--color_stroke_negative--active, #E85555)"
+            "name": "--vkui--color_text_muted--active",
+            "value": "var(--vkui--color_text_muted--active, #E3E5E8)"
         }
     },
-    "colorImageBorderAlpha": {
+    "colorTextPrimary": {
         "normal": {
-            "name": "--vkui--color_image_border_alpha",
-            "value": "var(--vkui--color_image_border_alpha, rgba(255, 255, 255, 0.08))"
+            "name": "--vkui--color_text_primary",
+            "value": "var(--vkui--color_text_primary, #E1E3E6)"
         },
         "hover": {
-            "name": "--vkui--color_image_border_alpha--hover",
-            "value": "var(--vkui--color_image_border_alpha--hover, rgba(255, 255, 255, 0.12))"
+            "name": "--vkui--color_text_primary--hover",
+            "value": "var(--vkui--color_text_primary--hover, #E2E4E7)"
         },
         "active": {
-            "name": "--vkui--color_image_border_alpha--active",
-            "value": "var(--vkui--color_image_border_alpha--active, rgba(255, 255, 255, 0.16))"
+            "name": "--vkui--color_text_primary--active",
+            "value": "var(--vkui--color_text_primary--active, #E3E5E8)"
         }
     },
-    "colorFieldBorderAlpha": {
+    "colorTextPrimaryInvariably": {
         "normal": {
-            "name": "--vkui--color_field_border_alpha",
-            "value": "var(--vkui--color_field_border_alpha, rgba(255, 255, 255, 0.12))"
+            "name": "--vkui--color_text_primary_invariably",
+            "value": "var(--vkui--color_text_primary_invariably, #000000)"
         },
         "hover": {
-            "name": "--vkui--color_field_border_alpha--hover",
-            "value": "var(--vkui--color_field_border_alpha--hover, rgba(255, 255, 255, 0.16))"
+            "name": "--vkui--color_text_primary_invariably--hover",
+            "value": "var(--vkui--color_text_primary_invariably--hover, #0A0A0A)"
         },
         "active": {
-            "name": "--vkui--color_field_border_alpha--active",
-            "value": "var(--vkui--color_field_border_alpha--active, rgba(255, 255, 255, 0.2))"
+            "name": "--vkui--color_text_primary_invariably--active",
+            "value": "var(--vkui--color_text_primary_invariably--active, #141414)"
         }
     },
-    "colorSeparatorPrimaryAlpha": {
+    "colorTextSecondary": {
         "normal": {
-            "name": "--vkui--color_separator_primary_alpha",
-            "value": "var(--vkui--color_separator_primary_alpha, rgba(0, 0, 0, 0.4))"
+            "name": "--vkui--color_text_secondary",
+            "value": "var(--vkui--color_text_secondary, #76787A)"
         },
         "hover": {
-            "name": "--vkui--color_separator_primary_alpha--hover",
-            "value": "var(--vkui--color_separator_primary_alpha--hover, rgba(0, 0, 0, 0.44))"
+            "name": "--vkui--color_text_secondary--hover",
+            "value": "var(--vkui--color_text_secondary--hover, #7B7D7F)"
         },
         "active": {
-            "name": "--vkui--color_separator_primary_alpha--active",
-            "value": "var(--vkui--color_separator_primary_alpha--active, rgba(0, 0, 0, 0.48))"
+            "name": "--vkui--color_text_secondary--active",
+            "value": "var(--vkui--color_text_secondary--active, #818385)"
         }
     },
-    "colorSeparatorSecondary": {
+    "colorTextSubhead": {
         "normal": {
-            "name": "--vkui--color_separator_secondary",
-            "value": "var(--vkui--color_separator_secondary, #141415)"
+            "name": "--vkui--color_text_subhead",
+            "value": "var(--vkui--color_text_subhead, #C1C3C6)"
         },
         "hover": {
-            "name": "--vkui--color_separator_secondary--hover",
-            "value": "var(--vkui--color_separator_secondary--hover, #1D1D1E)"
+            "name": "--vkui--color_text_subhead--hover",
+            "value": "var(--vkui--color_text_subhead--hover, #C3C5C8)"
         },
         "active": {
-            "name": "--vkui--color_separator_secondary--active",
-            "value": "var(--vkui--color_separator_secondary--active, #272728)"
+            "name": "--vkui--color_text_subhead--active",
+            "value": "var(--vkui--color_text_subhead--active, #C6C8CB)"
         }
     },
-    "colorSeparatorPrimary": {
+    "colorTextTertiary": {
         "normal": {
-            "name": "--vkui--color_separator_primary",
-            "value": "var(--vkui--color_separator_primary, #0F0F10)"
+            "name": "--vkui--color_text_tertiary",
+            "value": "var(--vkui--color_text_tertiary, #636567)"
         },
         "hover": {
-            "name": "--vkui--color_separator_primary--hover",
-            "value": "var(--vkui--color_separator_primary--hover, #19191A)"
+            "name": "--vkui--color_text_tertiary--hover",
+            "value": "var(--vkui--color_text_tertiary--hover, #696B6D)"
         },
         "active": {
-            "name": "--vkui--color_separator_primary--active",
-            "value": "var(--vkui--color_separator_primary--active, #222223)"
+            "name": "--vkui--color_text_tertiary--active",
+            "value": "var(--vkui--color_text_tertiary--active, #6F7173)"
         }
     },
-    "colorStrokePositive": {
+    "colorWriteBarIcon": {
         "normal": {
-            "name": "--vkui--color_stroke_positive",
-            "value": "var(--vkui--color_stroke_positive, #4BB34B)"
+            "name": "--vkui--color_write_bar_icon",
+            "value": "var(--vkui--color_write_bar_icon, #529EF4)"
         },
         "hover": {
-            "name": "--vkui--color_stroke_positive--hover",
-            "value": "var(--vkui--color_stroke_positive--hover, #52B652)"
+            "name": "--vkui--color_write_bar_icon--hover",
+            "value": "var(--vkui--color_write_bar_icon--hover, #59A2F4)"
         },
         "active": {
-            "name": "--vkui--color_stroke_positive--active",
-            "value": "var(--vkui--color_stroke_positive--active, #59B959)"
+            "name": "--vkui--color_write_bar_icon--active",
+            "value": "var(--vkui--color_write_bar_icon--active, #60A6F5)"
         }
     },
     "colorAccentBlue": {
         "normal": {
             "name": "--vkui--color_accent_blue",
-            "value": "var(--vkui--color_accent_blue, #71AAEB)"
+            "value": "var(--vkui--color_accent_blue, #529EF4)"
         },
         "hover": {
             "name": "--vkui--color_accent_blue--hover",
-            "value": "var(--vkui--color_accent_blue--hover, #77ADEC)"
+            "value": "var(--vkui--color_accent_blue--hover, #59A2F4)"
         },
         "active": {
             "name": "--vkui--color_accent_blue--active",
-            "value": "var(--vkui--color_accent_blue--active, #7CB1ED)"
+            "value": "var(--vkui--color_accent_blue--active, #60A6F5)"
         }
     },
     "colorAccentGray": {
@@ -1983,200 +2041,186 @@ var theme = {
             "value": "var(--vkui--color_accent_violet--active, #843FC5)"
         }
     },
-    "colorAccentSecondary": {
-        "normal": {
-            "name": "--vkui--color_accent_secondary",
-            "value": "var(--vkui--color_accent_secondary, #3F8AE0)"
-        },
-        "hover": {
-            "name": "--vkui--color_accent_secondary--hover",
-            "value": "var(--vkui--color_accent_secondary--hover, #478FE1)"
-        },
-        "active": {
-            "name": "--vkui--color_accent_secondary--active",
-            "value": "var(--vkui--color_accent_secondary--active, #4E93E2)"
-        }
-    },
-    "colorActionSheetText": {
+    "colorSkeletonFrom": {
         "normal": {
-            "name": "--vkui--color_action_sheet_text",
-            "value": "var(--vkui--color_action_sheet_text, #71AAEB)"
+            "name": "--vkui--color_skeleton_from",
+            "value": "var(--vkui--color_skeleton_from, #F5F5F5)"
         },
         "hover": {
-            "name": "--vkui--color_action_sheet_text--hover",
-            "value": "var(--vkui--color_action_sheet_text--hover, #77ADEC)"
+            "name": "--vkui--color_skeleton_from--hover",
+            "value": "var(--vkui--color_skeleton_from--hover, #F5F5F5)"
         },
         "active": {
-            "name": "--vkui--color_action_sheet_text--active",
-            "value": "var(--vkui--color_action_sheet_text--active, #7CB1ED)"
+            "name": "--vkui--color_skeleton_from--active",
+            "value": "var(--vkui--color_skeleton_from--active, #F6F6F6)"
         }
     },
-    "colorHeaderBackground": {
+    "colorSkeletonTo": {
         "normal": {
-            "name": "--vkui--color_header_background",
-            "value": "var(--vkui--color_header_background, #19191A)"
+            "name": "--vkui--color_skeleton_to",
+            "value": "var(--vkui--color_skeleton_to, #E1E3E6)"
         },
         "hover": {
-            "name": "--vkui--color_header_background--hover",
-            "value": "var(--vkui--color_header_background--hover, #222223)"
+            "name": "--vkui--color_skeleton_to--hover",
+            "value": "var(--vkui--color_skeleton_to--hover, #E2E4E7)"
         },
         "active": {
-            "name": "--vkui--color_header_background--active",
-            "value": "var(--vkui--color_header_background--active, #2B2B2C)"
+            "name": "--vkui--color_skeleton_to--active",
+            "value": "var(--vkui--color_skeleton_to--active, #E3E5E8)"
         }
     },
-    "colorPanelHeaderIcon": {
+    "colorAccentSecondary": {
         "normal": {
-            "name": "--vkui--color_panel_header_icon",
-            "value": "var(--vkui--color_panel_header_icon, #71AAEB)"
+            "name": "--vkui--color_accent_secondary",
+            "value": "var(--vkui--color_accent_secondary, #3F8AE0)"
         },
         "hover": {
-            "name": "--vkui--color_panel_header_icon--hover",
-            "value": "var(--vkui--color_panel_header_icon--hover, #77ADEC)"
+            "name": "--vkui--color_accent_secondary--hover",
+            "value": "var(--vkui--color_accent_secondary--hover, #478FE1)"
         },
         "active": {
-            "name": "--vkui--color_panel_header_icon--active",
-            "value": "var(--vkui--color_panel_header_icon--active, #7CB1ED)"
+            "name": "--vkui--color_accent_secondary--active",
+            "value": "var(--vkui--color_accent_secondary--active, #4E93E2)"
         }
     },
-    "colorWriteBarInputBackground": {
+    "colorTextLinkVisited": {
         "normal": {
-            "name": "--vkui--color_write_bar_input_background",
-            "value": "var(--vkui--color_write_bar_input_background, #232324)"
+            "name": "--vkui--color_text_link_visited",
+            "value": "var(--vkui--color_text_link_visited, #4986CC)"
         },
         "hover": {
-            "name": "--vkui--color_write_bar_input_background--hover",
-            "value": "var(--vkui--color_write_bar_input_background--hover, #2C2C2D)"
+            "name": "--vkui--color_text_link_visited--hover",
+            "value": "var(--vkui--color_text_link_visited--hover, #508BCE)"
         },
         "active": {
-            "name": "--vkui--color_write_bar_input_background--active",
-            "value": "var(--vkui--color_write_bar_input_background--active, #353536)"
+            "name": "--vkui--color_text_link_visited--active",
+            "value": "var(--vkui--color_text_link_visited--active, #5890D0)"
         }
     },
-    "colorWriteBarInputBorderAlpha": {
+    "colorTextContrast": {
         "normal": {
-            "name": "--vkui--color_write_bar_input_border_alpha",
-            "value": "var(--vkui--color_write_bar_input_border_alpha, rgba(255, 255, 255, 0.8))"
+            "name": "--vkui--color_text_contrast",
+            "value": "var(--vkui--color_text_contrast, #FFFFFF)"
         },
         "hover": {
-            "name": "--vkui--color_write_bar_input_border_alpha--hover",
-            "value": "var(--vkui--color_write_bar_input_border_alpha--hover, rgba(255, 255, 255, 0.84))"
+            "name": "--vkui--color_text_contrast--hover",
+            "value": "var(--vkui--color_text_contrast--hover, #FFFFFF)"
         },
         "active": {
-            "name": "--vkui--color_write_bar_input_border_alpha--active",
-            "value": "var(--vkui--color_write_bar_input_border_alpha--active, rgba(255, 255, 255, 0.88))"
+            "name": "--vkui--color_text_contrast--active",
+            "value": "var(--vkui--color_text_contrast--active, #FFFFFF)"
         }
     },
-    "colorTrackBackground": {
+    "colorTextContrastThemed": {
         "normal": {
-            "name": "--vkui--color_track_background",
-            "value": "var(--vkui--color_track_background, #202021)"
+            "name": "--vkui--color_text_contrast_themed",
+            "value": "var(--vkui--color_text_contrast_themed, #000000)"
         },
         "hover": {
-            "name": "--vkui--color_track_background--hover",
-            "value": "var(--vkui--color_track_background--hover, #29292A)"
+            "name": "--vkui--color_text_contrast_themed--hover",
+            "value": "var(--vkui--color_text_contrast_themed--hover, #0A0A0A)"
         },
         "active": {
-            "name": "--vkui--color_track_background--active",
-            "value": "var(--vkui--color_track_background--active, #323233)"
+            "name": "--vkui--color_text_contrast_themed--active",
+            "value": "var(--vkui--color_text_contrast_themed--active, #141414)"
         }
     },
-    "colorTrackBuffer": {
+    "colorIconContrast": {
         "normal": {
-            "name": "--vkui--color_track_buffer",
-            "value": "var(--vkui--color_track_buffer, #405772)"
+            "name": "--vkui--color_icon_contrast",
+            "value": "var(--vkui--color_icon_contrast, #FFFFFF)"
         },
         "hover": {
-            "name": "--vkui--color_track_buffer--hover",
-            "value": "var(--vkui--color_track_buffer--hover, #485E78)"
+            "name": "--vkui--color_icon_contrast--hover",
+            "value": "var(--vkui--color_icon_contrast--hover, #FFFFFF)"
         },
         "active": {
-            "name": "--vkui--color_track_buffer--active",
-            "value": "var(--vkui--color_track_buffer--active, #4F647D)"
+            "name": "--vkui--color_icon_contrast--active",
+            "value": "var(--vkui--color_icon_contrast--active, #FFFFFF)"
         }
     },
-    "colorImagePlaceholderAlpha": {
+    "colorIconContrastThemed": {
         "normal": {
-            "name": "--vkui--color_image_placeholder_alpha",
-            "value": "var(--vkui--color_image_placeholder_alpha, rgba(241, 247, 255, 0.08))"
+            "name": "--vkui--color_icon_contrast_themed",
+            "value": "var(--vkui--color_icon_contrast_themed, #000000)"
         },
         "hover": {
-            "name": "--vkui--color_image_placeholder_alpha--hover",
-            "value": "var(--vkui--color_image_placeholder_alpha--hover, rgba(241, 247, 255, 0.12))"
+            "name": "--vkui--color_icon_contrast_themed--hover",
+            "value": "var(--vkui--color_icon_contrast_themed--hover, #0A0A0A)"
         },
         "active": {
-            "name": "--vkui--color_image_placeholder_alpha--active",
-            "value": "var(--vkui--color_image_placeholder_alpha--active, rgba(241, 247, 255, 0.16))"
+            "name": "--vkui--color_icon_contrast_themed--active",
+            "value": "var(--vkui--color_icon_contrast_themed--active, #141414)"
         }
     },
-    "colorImagePlaceholder": {
+    "colorLinkContrast": {
         "normal": {
-            "name": "--vkui--color_image_placeholder",
-            "value": "var(--vkui--color_image_placeholder, #2A2B2C)"
+            "name": "--vkui--color_link_contrast",
+            "value": "var(--vkui--color_link_contrast, #FFFFFF)"
         },
         "hover": {
-            "name": "--vkui--color_image_placeholder--hover",
-            "value": "var(--vkui--color_image_placeholder--hover, #333334)"
+            "name": "--vkui--color_link_contrast--hover",
+            "value": "var(--vkui--color_link_contrast--hover, #FFFFFF)"
         },
         "active": {
-            "name": "--vkui--color_image_placeholder--active",
-            "value": "var(--vkui--color_image_placeholder--active, #3B3C3D)"
+            "name": "--vkui--color_link_contrast--active",
+            "value": "var(--vkui--color_link_contrast--active, #FFFFFF)"
         }
     },
-    "colorSearchFieldBackground": {
+    "colorTextPositive": {
         "normal": {
-            "name": "--vkui--color_search_field_background",
-            "value": "var(--vkui--color_search_field_background, #232324)"
+            "name": "--vkui--color_text_positive",
+            "value": "var(--vkui--color_text_positive, #4BB34B)"
         },
         "hover": {
-            "name": "--vkui--color_search_field_background--hover",
-            "value": "var(--vkui--color_search_field_background--hover, #2C2C2D)"
+            "name": "--vkui--color_text_positive--hover",
+            "value": "var(--vkui--color_text_positive--hover, #52B652)"
         },
         "active": {
-            "name": "--vkui--color_search_field_background--active",
-            "value": "var(--vkui--color_search_field_background--active, #353536)"
+            "name": "--vkui--color_text_positive--active",
+            "value": "var(--vkui--color_text_positive--active, #59B959)"
         }
     },
-    "colorWriteBarIcon": {
+    "colorBackgroundPositive": {
         "normal": {
-            "name": "--vkui--color_write_bar_icon",
-            "value": "var(--vkui--color_write_bar_icon, #76787A)"
+            "name": "--vkui--color_background_positive",
+            "value": "var(--vkui--color_background_positive, #4BB34B)"
         },
         "hover": {
-            "name": "--vkui--color_write_bar_icon--hover",
-            "value": "var(--vkui--color_write_bar_icon--hover, #7B7D7F)"
+            "name": "--vkui--color_background_positive--hover",
+            "value": "var(--vkui--color_background_positive--hover, #52B652)"
         },
         "active": {
-            "name": "--vkui--color_write_bar_icon--active",
-            "value": "var(--vkui--color_write_bar_icon--active, #818385)"
+            "name": "--vkui--color_background_positive--active",
+            "value": "var(--vkui--color_background_positive--active, #59B959)"
         }
     },
-    "colorSkeletonFrom": {
+    "colorIconPositive": {
         "normal": {
-            "name": "--vkui--color_skeleton_from",
-            "value": "var(--vkui--color_skeleton_from, #F5F5F5)"
+            "name": "--vkui--color_icon_positive",
+            "value": "var(--vkui--color_icon_positive, #4BB34B)"
         },
         "hover": {
-            "name": "--vkui--color_skeleton_from--hover",
-            "value": "var(--vkui--color_skeleton_from--hover, #F5F5F5)"
+            "name": "--vkui--color_icon_positive--hover",
+            "value": "var(--vkui--color_icon_positive--hover, #52B652)"
         },
         "active": {
-            "name": "--vkui--color_skeleton_from--active",
-            "value": "var(--vkui--color_skeleton_from--active, #F6F6F6)"
+            "name": "--vkui--color_icon_positive--active",
+            "value": "var(--vkui--color_icon_positive--active, #59B959)"
         }
     },
-    "colorSkeletonTo": {
+    "colorStrokePositive": {
         "normal": {
-            "name": "--vkui--color_skeleton_to",
-            "value": "var(--vkui--color_skeleton_to, #E1E3E6)"
+            "name": "--vkui--color_stroke_positive",
+            "value": "var(--vkui--color_stroke_positive, #4BB34B)"
         },
         "hover": {
-            "name": "--vkui--color_skeleton_to--hover",
-            "value": "var(--vkui--color_skeleton_to--hover, #E2E4E7)"
+            "name": "--vkui--color_stroke_positive--hover",
+            "value": "var(--vkui--color_stroke_positive--hover, #52B652)"
         },
         "active": {
-            "name": "--vkui--color_skeleton_to--active",
-            "value": "var(--vkui--color_skeleton_to--active, #E3E5E8)"
+            "name": "--vkui--color_stroke_positive--active",
+            "value": "var(--vkui--color_stroke_positive--active, #59B959)"
         }
     },
     "colorAvatarOverlay": {